ygd/lib/button/style/index.css

An enterprise-class UI design language and React-based implementation

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.yg-btn {
  line-height: 28px;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 28px;
  padding: 0 20px;
  font-size: 12px;
  border-radius: 2px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.yg-btn > .anticon {
  line-height: 1;
}
.yg-btn,
.yg-btn:active,
.yg-btn:focus {
  outline: 0;
}
.yg-btn:not([disabled]):hover {
  text-decoration: none;
}
.yg-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.yg-btn.disabled,
.yg-btn[disabled] {
  cursor: not-allowed;
}
.yg-btn.disabled > *,
.yg-btn[disabled] > * {
  pointer-events: none;
}
.yg-btn-lg {
  height: 38px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 2px;
}
.yg-btn-sm {
  height: 22px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 2px;
}
.yg-btn > a:only-child {
  color: currentColor;
}
.yg-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn:hover,
.yg-btn:focus {
  color: #29b8ff;
  background-color: #fff;
  border-color: #29b8ff;
}
.yg-btn:hover > a:only-child,
.yg-btn:focus > a:only-child {
  color: currentColor;
}
.yg-btn:hover > a:only-child::after,
.yg-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn:active,
.yg-btn.active {
  color: #0082d9;
  background-color: #fff;
  border-color: #0082d9;
}
.yg-btn:active > a:only-child,
.yg-btn.active > a:only-child {
  color: currentColor;
}
.yg-btn:active > a:only-child::after,
.yg-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-disabled,
.yg-btn.disabled,
.yg-btn[disabled],
.yg-btn-disabled:hover,
.yg-btn.disabled:hover,
.yg-btn[disabled]:hover,
.yg-btn-disabled:focus,
.yg-btn.disabled:focus,
.yg-btn[disabled]:focus,
.yg-btn-disabled:active,
.yg-btn.disabled:active,
.yg-btn[disabled]:active,
.yg-btn-disabled.active,
.yg-btn.disabled.active,
.yg-btn[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-disabled > a:only-child,
.yg-btn.disabled > a:only-child,
.yg-btn[disabled] > a:only-child,
.yg-btn-disabled:hover > a:only-child,
.yg-btn.disabled:hover > a:only-child,
.yg-btn[disabled]:hover > a:only-child,
.yg-btn-disabled:focus > a:only-child,
.yg-btn.disabled:focus > a:only-child,
.yg-btn[disabled]:focus > a:only-child,
.yg-btn-disabled:active > a:only-child,
.yg-btn.disabled:active > a:only-child,
.yg-btn[disabled]:active > a:only-child,
.yg-btn-disabled.active > a:only-child,
.yg-btn.disabled.active > a:only-child,
.yg-btn[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-disabled > a:only-child::after,
.yg-btn.disabled > a:only-child::after,
.yg-btn[disabled] > a:only-child::after,
.yg-btn-disabled:hover > a:only-child::after,
.yg-btn.disabled:hover > a:only-child::after,
.yg-btn[disabled]:hover > a:only-child::after,
.yg-btn-disabled:focus > a:only-child::after,
.yg-btn.disabled:focus > a:only-child::after,
.yg-btn[disabled]:focus > a:only-child::after,
.yg-btn-disabled:active > a:only-child::after,
.yg-btn.disabled:active > a:only-child::after,
.yg-btn[disabled]:active > a:only-child::after,
.yg-btn-disabled.active > a:only-child::after,
.yg-btn.disabled.active > a:only-child::after,
.yg-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn:hover,
.yg-btn:focus,
.yg-btn:active,
.yg-btn.active {
  text-decoration: none;
  background: #fff;
}
.yg-btn > i,
.yg-btn > span {
  display: inline-block;
  pointer-events: none;
}
.yg-btn > i.anticon {
  vertical-align: -0.2em;
}
.yg-btn-primary {
  color: #fff;
  background-color: #00a1ff;
  border-color: #00a1ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-primary > a:only-child {
  color: currentColor;
}
.yg-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-primary:hover,
.yg-btn-primary:focus {
  color: #fff;
  background-color: #29b8ff;
  border-color: #29b8ff;
}
.yg-btn-primary:hover > a:only-child,
.yg-btn-primary:focus > a:only-child {
  color: currentColor;
}
.yg-btn-primary:hover > a:only-child::after,
.yg-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-primary:active,
.yg-btn-primary.active {
  color: #fff;
  background-color: #00a1ff;
  border-color: #00a1ff;
}
.yg-btn-primary:active > a:only-child,
.yg-btn-primary.active > a:only-child {
  color: currentColor;
}
.yg-btn-primary:active > a:only-child::after,
.yg-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-primary-disabled,
.yg-btn-primary.disabled,
.yg-btn-primary[disabled],
.yg-btn-primary-disabled:hover,
.yg-btn-primary.disabled:hover,
.yg-btn-primary[disabled]:hover,
.yg-btn-primary-disabled:focus,
.yg-btn-primary.disabled:focus,
.yg-btn-primary[disabled]:focus,
.yg-btn-primary-disabled:active,
.yg-btn-primary.disabled:active,
.yg-btn-primary[disabled]:active,
.yg-btn-primary-disabled.active,
.yg-btn-primary.disabled.active,
.yg-btn-primary[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-primary-disabled > a:only-child,
.yg-btn-primary.disabled > a:only-child,
.yg-btn-primary[disabled] > a:only-child,
.yg-btn-primary-disabled:hover > a:only-child,
.yg-btn-primary.disabled:hover > a:only-child,
.yg-btn-primary[disabled]:hover > a:only-child,
.yg-btn-primary-disabled:focus > a:only-child,
.yg-btn-primary.disabled:focus > a:only-child,
.yg-btn-primary[disabled]:focus > a:only-child,
.yg-btn-primary-disabled:active > a:only-child,
.yg-btn-primary.disabled:active > a:only-child,
.yg-btn-primary[disabled]:active > a:only-child,
.yg-btn-primary-disabled.active > a:only-child,
.yg-btn-primary.disabled.active > a:only-child,
.yg-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-primary-disabled > a:only-child::after,
.yg-btn-primary.disabled > a:only-child::after,
.yg-btn-primary[disabled] > a:only-child::after,
.yg-btn-primary-disabled:hover > a:only-child::after,
.yg-btn-primary.disabled:hover > a:only-child::after,
.yg-btn-primary[disabled]:hover > a:only-child::after,
.yg-btn-primary-disabled:focus > a:only-child::after,
.yg-btn-primary.disabled:focus > a:only-child::after,
.yg-btn-primary[disabled]:focus > a:only-child::after,
.yg-btn-primary-disabled:active > a:only-child::after,
.yg-btn-primary.disabled:active > a:only-child::after,
.yg-btn-primary[disabled]:active > a:only-child::after,
.yg-btn-primary-disabled.active > a:only-child::after,
.yg-btn-primary.disabled.active > a:only-child::after,
.yg-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-group .yg-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #29b8ff;
  border-left-color: #29b8ff;
}
.yg-btn-group .yg-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #ccc;
}
.yg-btn-group .yg-btn-primary:first-child:not(:last-child) {
  border-right-color: #29b8ff;
}
.yg-btn-group .yg-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #ccc;
}
.yg-btn-group .yg-btn-primary:last-child:not(:first-child),
.yg-btn-group .yg-btn-primary + .yg-btn-primary {
  border-left-color: #29b8ff;
}
.yg-btn-group .yg-btn-primary:last-child:not(:first-child)[disabled],
.yg-btn-group .yg-btn-primary + .yg-btn-primary[disabled] {
  border-left-color: #ccc;
}
.yg-btn-wxorange {
  color: #fff;
  background-color: #ff6915;
  border-color: #ff6915;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-wxorange > a:only-child {
  color: currentColor;
}
.yg-btn-wxorange > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxorange:hover,
.yg-btn-wxorange:focus {
  color: #fff;
  background-color: #ff8b3d;
  border-color: #ff8b3d;
}
.yg-btn-wxorange:hover > a:only-child,
.yg-btn-wxorange:focus > a:only-child {
  color: currentColor;
}
.yg-btn-wxorange:hover > a:only-child::after,
.yg-btn-wxorange:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxorange:active,
.yg-btn-wxorange.active {
  color: #fff;
  background-color: #ff6915;
  border-color: #ff6915;
}
.yg-btn-wxorange:active > a:only-child,
.yg-btn-wxorange.active > a:only-child {
  color: currentColor;
}
.yg-btn-wxorange:active > a:only-child::after,
.yg-btn-wxorange.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxorange-disabled,
.yg-btn-wxorange.disabled,
.yg-btn-wxorange[disabled],
.yg-btn-wxorange-disabled:hover,
.yg-btn-wxorange.disabled:hover,
.yg-btn-wxorange[disabled]:hover,
.yg-btn-wxorange-disabled:focus,
.yg-btn-wxorange.disabled:focus,
.yg-btn-wxorange[disabled]:focus,
.yg-btn-wxorange-disabled:active,
.yg-btn-wxorange.disabled:active,
.yg-btn-wxorange[disabled]:active,
.yg-btn-wxorange-disabled.active,
.yg-btn-wxorange.disabled.active,
.yg-btn-wxorange[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-wxorange-disabled > a:only-child,
.yg-btn-wxorange.disabled > a:only-child,
.yg-btn-wxorange[disabled] > a:only-child,
.yg-btn-wxorange-disabled:hover > a:only-child,
.yg-btn-wxorange.disabled:hover > a:only-child,
.yg-btn-wxorange[disabled]:hover > a:only-child,
.yg-btn-wxorange-disabled:focus > a:only-child,
.yg-btn-wxorange.disabled:focus > a:only-child,
.yg-btn-wxorange[disabled]:focus > a:only-child,
.yg-btn-wxorange-disabled:active > a:only-child,
.yg-btn-wxorange.disabled:active > a:only-child,
.yg-btn-wxorange[disabled]:active > a:only-child,
.yg-btn-wxorange-disabled.active > a:only-child,
.yg-btn-wxorange.disabled.active > a:only-child,
.yg-btn-wxorange[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-wxorange-disabled > a:only-child::after,
.yg-btn-wxorange.disabled > a:only-child::after,
.yg-btn-wxorange[disabled] > a:only-child::after,
.yg-btn-wxorange-disabled:hover > a:only-child::after,
.yg-btn-wxorange.disabled:hover > a:only-child::after,
.yg-btn-wxorange[disabled]:hover > a:only-child::after,
.yg-btn-wxorange-disabled:focus > a:only-child::after,
.yg-btn-wxorange.disabled:focus > a:only-child::after,
.yg-btn-wxorange[disabled]:focus > a:only-child::after,
.yg-btn-wxorange-disabled:active > a:only-child::after,
.yg-btn-wxorange.disabled:active > a:only-child::after,
.yg-btn-wxorange[disabled]:active > a:only-child::after,
.yg-btn-wxorange-disabled.active > a:only-child::after,
.yg-btn-wxorange.disabled.active > a:only-child::after,
.yg-btn-wxorange[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxblue {
  color: #fff;
  background-color: #28a3ef;
  border-color: #28a3ef;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-wxblue > a:only-child {
  color: currentColor;
}
.yg-btn-wxblue > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxblue:hover,
.yg-btn-wxblue:focus {
  color: #fff;
  background-color: #53c1fc;
  border-color: #53c1fc;
}
.yg-btn-wxblue:hover > a:only-child,
.yg-btn-wxblue:focus > a:only-child {
  color: currentColor;
}
.yg-btn-wxblue:hover > a:only-child::after,
.yg-btn-wxblue:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxblue:active,
.yg-btn-wxblue.active {
  color: #fff;
  background-color: #28a3ef;
  border-color: #28a3ef;
}
.yg-btn-wxblue:active > a:only-child,
.yg-btn-wxblue.active > a:only-child {
  color: currentColor;
}
.yg-btn-wxblue:active > a:only-child::after,
.yg-btn-wxblue.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-wxblue-disabled,
.yg-btn-wxblue.disabled,
.yg-btn-wxblue[disabled],
.yg-btn-wxblue-disabled:hover,
.yg-btn-wxblue.disabled:hover,
.yg-btn-wxblue[disabled]:hover,
.yg-btn-wxblue-disabled:focus,
.yg-btn-wxblue.disabled:focus,
.yg-btn-wxblue[disabled]:focus,
.yg-btn-wxblue-disabled:active,
.yg-btn-wxblue.disabled:active,
.yg-btn-wxblue[disabled]:active,
.yg-btn-wxblue-disabled.active,
.yg-btn-wxblue.disabled.active,
.yg-btn-wxblue[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-wxblue-disabled > a:only-child,
.yg-btn-wxblue.disabled > a:only-child,
.yg-btn-wxblue[disabled] > a:only-child,
.yg-btn-wxblue-disabled:hover > a:only-child,
.yg-btn-wxblue.disabled:hover > a:only-child,
.yg-btn-wxblue[disabled]:hover > a:only-child,
.yg-btn-wxblue-disabled:focus > a:only-child,
.yg-btn-wxblue.disabled:focus > a:only-child,
.yg-btn-wxblue[disabled]:focus > a:only-child,
.yg-btn-wxblue-disabled:active > a:only-child,
.yg-btn-wxblue.disabled:active > a:only-child,
.yg-btn-wxblue[disabled]:active > a:only-child,
.yg-btn-wxblue-disabled.active > a:only-child,
.yg-btn-wxblue.disabled.active > a:only-child,
.yg-btn-wxblue[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-wxblue-disabled > a:only-child::after,
.yg-btn-wxblue.disabled > a:only-child::after,
.yg-btn-wxblue[disabled] > a:only-child::after,
.yg-btn-wxblue-disabled:hover > a:only-child::after,
.yg-btn-wxblue.disabled:hover > a:only-child::after,
.yg-btn-wxblue[disabled]:hover > a:only-child::after,
.yg-btn-wxblue-disabled:focus > a:only-child::after,
.yg-btn-wxblue.disabled:focus > a:only-child::after,
.yg-btn-wxblue[disabled]:focus > a:only-child::after,
.yg-btn-wxblue-disabled:active > a:only-child::after,
.yg-btn-wxblue.disabled:active > a:only-child::after,
.yg-btn-wxblue[disabled]:active > a:only-child::after,
.yg-btn-wxblue-disabled.active > a:only-child::after,
.yg-btn-wxblue.disabled.active > a:only-child::after,
.yg-btn-wxblue[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-ghost {
  color: #333;
  background-color: transparent;
  border-color: #ccc;
}
.yg-btn-ghost > a:only-child {
  color: currentColor;
}
.yg-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-ghost:hover,
.yg-btn-ghost:focus {
  color: #29b8ff;
  background-color: transparent;
  border-color: #29b8ff;
}
.yg-btn-ghost:hover > a:only-child,
.yg-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.yg-btn-ghost:hover > a:only-child::after,
.yg-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-ghost:active,
.yg-btn-ghost.active {
  color: #0082d9;
  background-color: transparent;
  border-color: #0082d9;
}
.yg-btn-ghost:active > a:only-child,
.yg-btn-ghost.active > a:only-child {
  color: currentColor;
}
.yg-btn-ghost:active > a:only-child::after,
.yg-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-ghost-disabled,
.yg-btn-ghost.disabled,
.yg-btn-ghost[disabled],
.yg-btn-ghost-disabled:hover,
.yg-btn-ghost.disabled:hover,
.yg-btn-ghost[disabled]:hover,
.yg-btn-ghost-disabled:focus,
.yg-btn-ghost.disabled:focus,
.yg-btn-ghost[disabled]:focus,
.yg-btn-ghost-disabled:active,
.yg-btn-ghost.disabled:active,
.yg-btn-ghost[disabled]:active,
.yg-btn-ghost-disabled.active,
.yg-btn-ghost.disabled.active,
.yg-btn-ghost[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-ghost-disabled > a:only-child,
.yg-btn-ghost.disabled > a:only-child,
.yg-btn-ghost[disabled] > a:only-child,
.yg-btn-ghost-disabled:hover > a:only-child,
.yg-btn-ghost.disabled:hover > a:only-child,
.yg-btn-ghost[disabled]:hover > a:only-child,
.yg-btn-ghost-disabled:focus > a:only-child,
.yg-btn-ghost.disabled:focus > a:only-child,
.yg-btn-ghost[disabled]:focus > a:only-child,
.yg-btn-ghost-disabled:active > a:only-child,
.yg-btn-ghost.disabled:active > a:only-child,
.yg-btn-ghost[disabled]:active > a:only-child,
.yg-btn-ghost-disabled.active > a:only-child,
.yg-btn-ghost.disabled.active > a:only-child,
.yg-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-ghost-disabled > a:only-child::after,
.yg-btn-ghost.disabled > a:only-child::after,
.yg-btn-ghost[disabled] > a:only-child::after,
.yg-btn-ghost-disabled:hover > a:only-child::after,
.yg-btn-ghost.disabled:hover > a:only-child::after,
.yg-btn-ghost[disabled]:hover > a:only-child::after,
.yg-btn-ghost-disabled:focus > a:only-child::after,
.yg-btn-ghost.disabled:focus > a:only-child::after,
.yg-btn-ghost[disabled]:focus > a:only-child::after,
.yg-btn-ghost-disabled:active > a:only-child::after,
.yg-btn-ghost.disabled:active > a:only-child::after,
.yg-btn-ghost[disabled]:active > a:only-child::after,
.yg-btn-ghost-disabled.active > a:only-child::after,
.yg-btn-ghost.disabled.active > a:only-child::after,
.yg-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-dashed {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-style: dashed;
}
.yg-btn-dashed > a:only-child {
  color: currentColor;
}
.yg-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-dashed:hover,
.yg-btn-dashed:focus {
  color: #29b8ff;
  background-color: #fff;
  border-color: #29b8ff;
}
.yg-btn-dashed:hover > a:only-child,
.yg-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.yg-btn-dashed:hover > a:only-child::after,
.yg-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-dashed:active,
.yg-btn-dashed.active {
  color: #0082d9;
  background-color: #fff;
  border-color: #0082d9;
}
.yg-btn-dashed:active > a:only-child,
.yg-btn-dashed.active > a:only-child {
  color: currentColor;
}
.yg-btn-dashed:active > a:only-child::after,
.yg-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-dashed-disabled,
.yg-btn-dashed.disabled,
.yg-btn-dashed[disabled],
.yg-btn-dashed-disabled:hover,
.yg-btn-dashed.disabled:hover,
.yg-btn-dashed[disabled]:hover,
.yg-btn-dashed-disabled:focus,
.yg-btn-dashed.disabled:focus,
.yg-btn-dashed[disabled]:focus,
.yg-btn-dashed-disabled:active,
.yg-btn-dashed.disabled:active,
.yg-btn-dashed[disabled]:active,
.yg-btn-dashed-disabled.active,
.yg-btn-dashed.disabled.active,
.yg-btn-dashed[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-dashed-disabled > a:only-child,
.yg-btn-dashed.disabled > a:only-child,
.yg-btn-dashed[disabled] > a:only-child,
.yg-btn-dashed-disabled:hover > a:only-child,
.yg-btn-dashed.disabled:hover > a:only-child,
.yg-btn-dashed[disabled]:hover > a:only-child,
.yg-btn-dashed-disabled:focus > a:only-child,
.yg-btn-dashed.disabled:focus > a:only-child,
.yg-btn-dashed[disabled]:focus > a:only-child,
.yg-btn-dashed-disabled:active > a:only-child,
.yg-btn-dashed.disabled:active > a:only-child,
.yg-btn-dashed[disabled]:active > a:only-child,
.yg-btn-dashed-disabled.active > a:only-child,
.yg-btn-dashed.disabled.active > a:only-child,
.yg-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-dashed-disabled > a:only-child::after,
.yg-btn-dashed.disabled > a:only-child::after,
.yg-btn-dashed[disabled] > a:only-child::after,
.yg-btn-dashed-disabled:hover > a:only-child::after,
.yg-btn-dashed.disabled:hover > a:only-child::after,
.yg-btn-dashed[disabled]:hover > a:only-child::after,
.yg-btn-dashed-disabled:focus > a:only-child::after,
.yg-btn-dashed.disabled:focus > a:only-child::after,
.yg-btn-dashed[disabled]:focus > a:only-child::after,
.yg-btn-dashed-disabled:active > a:only-child::after,
.yg-btn-dashed.disabled:active > a:only-child::after,
.yg-btn-dashed[disabled]:active > a:only-child::after,
.yg-btn-dashed-disabled.active > a:only-child::after,
.yg-btn-dashed.disabled.active > a:only-child::after,
.yg-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #475669;
  font-size: 12px;
  border-radius: 0;
  padding: 0;
}
.yg-btn-link:active,
.yg-btn-link[disabled] {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.yg-btn-link[disabled]:hover,
.yg-btn-link[disabled]:focus {
  color: #333;
  text-decoration: none;
}
.yg-btn-popup-cancel {
  color: #333;
  background-color: #f7f7f7;
  border-color: #ccc;
}
.yg-btn-popup-cancel > a:only-child {
  color: currentColor;
}
.yg-btn-popup-cancel > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-cancel:hover,
.yg-btn-popup-cancel:focus {
  color: #29b8ff;
  background-color: #f7f7f7;
  border-color: #29b8ff;
}
.yg-btn-popup-cancel:hover > a:only-child,
.yg-btn-popup-cancel:focus > a:only-child {
  color: currentColor;
}
.yg-btn-popup-cancel:hover > a:only-child::after,
.yg-btn-popup-cancel:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-cancel:active,
.yg-btn-popup-cancel.active {
  color: #0082d9;
  background-color: #f7f7f7;
  border-color: #0082d9;
}
.yg-btn-popup-cancel:active > a:only-child,
.yg-btn-popup-cancel.active > a:only-child {
  color: currentColor;
}
.yg-btn-popup-cancel:active > a:only-child::after,
.yg-btn-popup-cancel.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-cancel-disabled,
.yg-btn-popup-cancel.disabled,
.yg-btn-popup-cancel[disabled],
.yg-btn-popup-cancel-disabled:hover,
.yg-btn-popup-cancel.disabled:hover,
.yg-btn-popup-cancel[disabled]:hover,
.yg-btn-popup-cancel-disabled:focus,
.yg-btn-popup-cancel.disabled:focus,
.yg-btn-popup-cancel[disabled]:focus,
.yg-btn-popup-cancel-disabled:active,
.yg-btn-popup-cancel.disabled:active,
.yg-btn-popup-cancel[disabled]:active,
.yg-btn-popup-cancel-disabled.active,
.yg-btn-popup-cancel.disabled.active,
.yg-btn-popup-cancel[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-popup-cancel-disabled > a:only-child,
.yg-btn-popup-cancel.disabled > a:only-child,
.yg-btn-popup-cancel[disabled] > a:only-child,
.yg-btn-popup-cancel-disabled:hover > a:only-child,
.yg-btn-popup-cancel.disabled:hover > a:only-child,
.yg-btn-popup-cancel[disabled]:hover > a:only-child,
.yg-btn-popup-cancel-disabled:focus > a:only-child,
.yg-btn-popup-cancel.disabled:focus > a:only-child,
.yg-btn-popup-cancel[disabled]:focus > a:only-child,
.yg-btn-popup-cancel-disabled:active > a:only-child,
.yg-btn-popup-cancel.disabled:active > a:only-child,
.yg-btn-popup-cancel[disabled]:active > a:only-child,
.yg-btn-popup-cancel-disabled.active > a:only-child,
.yg-btn-popup-cancel.disabled.active > a:only-child,
.yg-btn-popup-cancel[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-popup-cancel-disabled > a:only-child::after,
.yg-btn-popup-cancel.disabled > a:only-child::after,
.yg-btn-popup-cancel[disabled] > a:only-child::after,
.yg-btn-popup-cancel-disabled:hover > a:only-child::after,
.yg-btn-popup-cancel.disabled:hover > a:only-child::after,
.yg-btn-popup-cancel[disabled]:hover > a:only-child::after,
.yg-btn-popup-cancel-disabled:focus > a:only-child::after,
.yg-btn-popup-cancel.disabled:focus > a:only-child::after,
.yg-btn-popup-cancel[disabled]:focus > a:only-child::after,
.yg-btn-popup-cancel-disabled:active > a:only-child::after,
.yg-btn-popup-cancel.disabled:active > a:only-child::after,
.yg-btn-popup-cancel[disabled]:active > a:only-child::after,
.yg-btn-popup-cancel-disabled.active > a:only-child::after,
.yg-btn-popup-cancel.disabled.active > a:only-child::after,
.yg-btn-popup-cancel[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-cancel:hover,
.yg-btn-popup-cancel:focus,
.yg-btn-popup-cancel:active,
.yg-btn-popup-cancel.active {
  text-decoration: none;
  background: #f7f7f7;
}
.yg-btn-popup-sure {
  color: #fff;
  background-color: #00a1ff;
  border-color: #00a1ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-popup-sure > a:only-child {
  color: currentColor;
}
.yg-btn-popup-sure > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-sure:hover,
.yg-btn-popup-sure:focus {
  color: #fff;
  background-color: #29b8ff;
  border-color: #29b8ff;
}
.yg-btn-popup-sure:hover > a:only-child,
.yg-btn-popup-sure:focus > a:only-child {
  color: currentColor;
}
.yg-btn-popup-sure:hover > a:only-child::after,
.yg-btn-popup-sure:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-sure:active,
.yg-btn-popup-sure.active {
  color: #fff;
  background-color: #00a1ff;
  border-color: #00a1ff;
}
.yg-btn-popup-sure:active > a:only-child,
.yg-btn-popup-sure.active > a:only-child {
  color: currentColor;
}
.yg-btn-popup-sure:active > a:only-child::after,
.yg-btn-popup-sure.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-popup-sure-disabled,
.yg-btn-popup-sure.disabled,
.yg-btn-popup-sure[disabled],
.yg-btn-popup-sure-disabled:hover,
.yg-btn-popup-sure.disabled:hover,
.yg-btn-popup-sure[disabled]:hover,
.yg-btn-popup-sure-disabled:focus,
.yg-btn-popup-sure.disabled:focus,
.yg-btn-popup-sure[disabled]:focus,
.yg-btn-popup-sure-disabled:active,
.yg-btn-popup-sure.disabled:active,
.yg-btn-popup-sure[disabled]:active,
.yg-btn-popup-sure-disabled.active,
.yg-btn-popup-sure.disabled.active,
.yg-btn-popup-sure[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-popup-sure-disabled > a:only-child,
.yg-btn-popup-sure.disabled > a:only-child,
.yg-btn-popup-sure[disabled] > a:only-child,
.yg-btn-popup-sure-disabled:hover > a:only-child,
.yg-btn-popup-sure.disabled:hover > a:only-child,
.yg-btn-popup-sure[disabled]:hover > a:only-child,
.yg-btn-popup-sure-disabled:focus > a:only-child,
.yg-btn-popup-sure.disabled:focus > a:only-child,
.yg-btn-popup-sure[disabled]:focus > a:only-child,
.yg-btn-popup-sure-disabled:active > a:only-child,
.yg-btn-popup-sure.disabled:active > a:only-child,
.yg-btn-popup-sure[disabled]:active > a:only-child,
.yg-btn-popup-sure-disabled.active > a:only-child,
.yg-btn-popup-sure.disabled.active > a:only-child,
.yg-btn-popup-sure[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-popup-sure-disabled > a:only-child::after,
.yg-btn-popup-sure.disabled > a:only-child::after,
.yg-btn-popup-sure[disabled] > a:only-child::after,
.yg-btn-popup-sure-disabled:hover > a:only-child::after,
.yg-btn-popup-sure.disabled:hover > a:only-child::after,
.yg-btn-popup-sure[disabled]:hover > a:only-child::after,
.yg-btn-popup-sure-disabled:focus > a:only-child::after,
.yg-btn-popup-sure.disabled:focus > a:only-child::after,
.yg-btn-popup-sure[disabled]:focus > a:only-child::after,
.yg-btn-popup-sure-disabled:active > a:only-child::after,
.yg-btn-popup-sure.disabled:active > a:only-child::after,
.yg-btn-popup-sure[disabled]:active > a:only-child::after,
.yg-btn-popup-sure-disabled.active > a:only-child::after,
.yg-btn-popup-sure.disabled.active > a:only-child::after,
.yg-btn-popup-sure[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-greyfull {
  color: #333;
  background-color: #f7f7f7;
  border-color: #ccc;
}
.yg-btn-greyfull > a:only-child {
  color: currentColor;
}
.yg-btn-greyfull > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-greyfull:hover,
.yg-btn-greyfull:focus {
  color: #29b8ff;
  background-color: #f7f7f7;
  border-color: #29b8ff;
}
.yg-btn-greyfull:hover > a:only-child,
.yg-btn-greyfull:focus > a:only-child {
  color: currentColor;
}
.yg-btn-greyfull:hover > a:only-child::after,
.yg-btn-greyfull:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-greyfull:active,
.yg-btn-greyfull.active {
  color: #0082d9;
  background-color: #f7f7f7;
  border-color: #0082d9;
}
.yg-btn-greyfull:active > a:only-child,
.yg-btn-greyfull.active > a:only-child {
  color: currentColor;
}
.yg-btn-greyfull:active > a:only-child::after,
.yg-btn-greyfull.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-greyfull-disabled,
.yg-btn-greyfull.disabled,
.yg-btn-greyfull[disabled],
.yg-btn-greyfull-disabled:hover,
.yg-btn-greyfull.disabled:hover,
.yg-btn-greyfull[disabled]:hover,
.yg-btn-greyfull-disabled:focus,
.yg-btn-greyfull.disabled:focus,
.yg-btn-greyfull[disabled]:focus,
.yg-btn-greyfull-disabled:active,
.yg-btn-greyfull.disabled:active,
.yg-btn-greyfull[disabled]:active,
.yg-btn-greyfull-disabled.active,
.yg-btn-greyfull.disabled.active,
.yg-btn-greyfull[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-greyfull-disabled > a:only-child,
.yg-btn-greyfull.disabled > a:only-child,
.yg-btn-greyfull[disabled] > a:only-child,
.yg-btn-greyfull-disabled:hover > a:only-child,
.yg-btn-greyfull.disabled:hover > a:only-child,
.yg-btn-greyfull[disabled]:hover > a:only-child,
.yg-btn-greyfull-disabled:focus > a:only-child,
.yg-btn-greyfull.disabled:focus > a:only-child,
.yg-btn-greyfull[disabled]:focus > a:only-child,
.yg-btn-greyfull-disabled:active > a:only-child,
.yg-btn-greyfull.disabled:active > a:only-child,
.yg-btn-greyfull[disabled]:active > a:only-child,
.yg-btn-greyfull-disabled.active > a:only-child,
.yg-btn-greyfull.disabled.active > a:only-child,
.yg-btn-greyfull[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-greyfull-disabled > a:only-child::after,
.yg-btn-greyfull.disabled > a:only-child::after,
.yg-btn-greyfull[disabled] > a:only-child::after,
.yg-btn-greyfull-disabled:hover > a:only-child::after,
.yg-btn-greyfull.disabled:hover > a:only-child::after,
.yg-btn-greyfull[disabled]:hover > a:only-child::after,
.yg-btn-greyfull-disabled:focus > a:only-child::after,
.yg-btn-greyfull.disabled:focus > a:only-child::after,
.yg-btn-greyfull[disabled]:focus > a:only-child::after,
.yg-btn-greyfull-disabled:active > a:only-child::after,
.yg-btn-greyfull.disabled:active > a:only-child::after,
.yg-btn-greyfull[disabled]:active > a:only-child::after,
.yg-btn-greyfull-disabled.active > a:only-child::after,
.yg-btn-greyfull.disabled.active > a:only-child::after,
.yg-btn-greyfull[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-greyfull:hover,
.yg-btn-greyfull:focus,
.yg-btn-greyfull:active,
.yg-btn-greyfull.active {
  text-decoration: none;
  background: #f7f7f7;
}
.yg-btn-lighton {
  color: #00a1ff;
  background-color: #fff;
  border-color: #00a1ff;
}
.yg-btn-lighton > a:only-child {
  color: currentColor;
}
.yg-btn-lighton > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-lighton:hover,
.yg-btn-lighton:focus {
  color: #29b8ff;
  background-color: #fff;
  border-color: #29b8ff;
}
.yg-btn-lighton:hover > a:only-child,
.yg-btn-lighton:focus > a:only-child {
  color: currentColor;
}
.yg-btn-lighton:hover > a:only-child::after,
.yg-btn-lighton:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-lighton:active,
.yg-btn-lighton.active {
  color: #0082d9;
  background-color: #fff;
  border-color: #0082d9;
}
.yg-btn-lighton:active > a:only-child,
.yg-btn-lighton.active > a:only-child {
  color: currentColor;
}
.yg-btn-lighton:active > a:only-child::after,
.yg-btn-lighton.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-lighton-disabled,
.yg-btn-lighton.disabled,
.yg-btn-lighton[disabled],
.yg-btn-lighton-disabled:hover,
.yg-btn-lighton.disabled:hover,
.yg-btn-lighton[disabled]:hover,
.yg-btn-lighton-disabled:focus,
.yg-btn-lighton.disabled:focus,
.yg-btn-lighton[disabled]:focus,
.yg-btn-lighton-disabled:active,
.yg-btn-lighton.disabled:active,
.yg-btn-lighton[disabled]:active,
.yg-btn-lighton-disabled.active,
.yg-btn-lighton.disabled.active,
.yg-btn-lighton[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-lighton-disabled > a:only-child,
.yg-btn-lighton.disabled > a:only-child,
.yg-btn-lighton[disabled] > a:only-child,
.yg-btn-lighton-disabled:hover > a:only-child,
.yg-btn-lighton.disabled:hover > a:only-child,
.yg-btn-lighton[disabled]:hover > a:only-child,
.yg-btn-lighton-disabled:focus > a:only-child,
.yg-btn-lighton.disabled:focus > a:only-child,
.yg-btn-lighton[disabled]:focus > a:only-child,
.yg-btn-lighton-disabled:active > a:only-child,
.yg-btn-lighton.disabled:active > a:only-child,
.yg-btn-lighton[disabled]:active > a:only-child,
.yg-btn-lighton-disabled.active > a:only-child,
.yg-btn-lighton.disabled.active > a:only-child,
.yg-btn-lighton[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-lighton-disabled > a:only-child::after,
.yg-btn-lighton.disabled > a:only-child::after,
.yg-btn-lighton[disabled] > a:only-child::after,
.yg-btn-lighton-disabled:hover > a:only-child::after,
.yg-btn-lighton.disabled:hover > a:only-child::after,
.yg-btn-lighton[disabled]:hover > a:only-child::after,
.yg-btn-lighton-disabled:focus > a:only-child::after,
.yg-btn-lighton.disabled:focus > a:only-child::after,
.yg-btn-lighton[disabled]:focus > a:only-child::after,
.yg-btn-lighton-disabled:active > a:only-child::after,
.yg-btn-lighton.disabled:active > a:only-child::after,
.yg-btn-lighton[disabled]:active > a:only-child::after,
.yg-btn-lighton-disabled.active > a:only-child::after,
.yg-btn-lighton.disabled.active > a:only-child::after,
.yg-btn-lighton[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-success {
  color: #fff;
  background-color: #228b22;
  border-color: #228b22;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-success > a:only-child {
  color: currentColor;
}
.yg-btn-success > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-success:hover,
.yg-btn-success:focus {
  color: #fff;
  background-color: #40993d;
  border-color: #40993d;
}
.yg-btn-success:hover > a:only-child,
.yg-btn-success:focus > a:only-child {
  color: currentColor;
}
.yg-btn-success:hover > a:only-child::after,
.yg-btn-success:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-success:active,
.yg-btn-success.active {
  color: #fff;
  background-color: #228b22;
  border-color: #228b22;
}
.yg-btn-success:active > a:only-child,
.yg-btn-success.active > a:only-child {
  color: currentColor;
}
.yg-btn-success:active > a:only-child::after,
.yg-btn-success.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-success-disabled,
.yg-btn-success.disabled,
.yg-btn-success[disabled],
.yg-btn-success-disabled:hover,
.yg-btn-success.disabled:hover,
.yg-btn-success[disabled]:hover,
.yg-btn-success-disabled:focus,
.yg-btn-success.disabled:focus,
.yg-btn-success[disabled]:focus,
.yg-btn-success-disabled:active,
.yg-btn-success.disabled:active,
.yg-btn-success[disabled]:active,
.yg-btn-success-disabled.active,
.yg-btn-success.disabled.active,
.yg-btn-success[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-success-disabled > a:only-child,
.yg-btn-success.disabled > a:only-child,
.yg-btn-success[disabled] > a:only-child,
.yg-btn-success-disabled:hover > a:only-child,
.yg-btn-success.disabled:hover > a:only-child,
.yg-btn-success[disabled]:hover > a:only-child,
.yg-btn-success-disabled:focus > a:only-child,
.yg-btn-success.disabled:focus > a:only-child,
.yg-btn-success[disabled]:focus > a:only-child,
.yg-btn-success-disabled:active > a:only-child,
.yg-btn-success.disabled:active > a:only-child,
.yg-btn-success[disabled]:active > a:only-child,
.yg-btn-success-disabled.active > a:only-child,
.yg-btn-success.disabled.active > a:only-child,
.yg-btn-success[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-success-disabled > a:only-child::after,
.yg-btn-success.disabled > a:only-child::after,
.yg-btn-success[disabled] > a:only-child::after,
.yg-btn-success-disabled:hover > a:only-child::after,
.yg-btn-success.disabled:hover > a:only-child::after,
.yg-btn-success[disabled]:hover > a:only-child::after,
.yg-btn-success-disabled:focus > a:only-child::after,
.yg-btn-success.disabled:focus > a:only-child::after,
.yg-btn-success[disabled]:focus > a:only-child::after,
.yg-btn-success-disabled:active > a:only-child::after,
.yg-btn-success.disabled:active > a:only-child::after,
.yg-btn-success[disabled]:active > a:only-child::after,
.yg-btn-success-disabled.active > a:only-child::after,
.yg-btn-success.disabled.active > a:only-child::after,
.yg-btn-success[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-warning {
  color: #fff;
  background-color: #ffa812;
  border-color: #ffa812;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-warning > a:only-child {
  color: currentColor;
}
.yg-btn-warning > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-warning:hover,
.yg-btn-warning:focus {
  color: #fff;
  background-color: #ffbe3b;
  border-color: #ffbe3b;
}
.yg-btn-warning:hover > a:only-child,
.yg-btn-warning:focus > a:only-child {
  color: currentColor;
}
.yg-btn-warning:hover > a:only-child::after,
.yg-btn-warning:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-warning:active,
.yg-btn-warning.active {
  color: #fff;
  background-color: #ffa812;
  border-color: #ffa812;
}
.yg-btn-warning:active > a:only-child,
.yg-btn-warning.active > a:only-child {
  color: currentColor;
}
.yg-btn-warning:active > a:only-child::after,
.yg-btn-warning.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-warning-disabled,
.yg-btn-warning.disabled,
.yg-btn-warning[disabled],
.yg-btn-warning-disabled:hover,
.yg-btn-warning.disabled:hover,
.yg-btn-warning[disabled]:hover,
.yg-btn-warning-disabled:focus,
.yg-btn-warning.disabled:focus,
.yg-btn-warning[disabled]:focus,
.yg-btn-warning-disabled:active,
.yg-btn-warning.disabled:active,
.yg-btn-warning[disabled]:active,
.yg-btn-warning-disabled.active,
.yg-btn-warning.disabled.active,
.yg-btn-warning[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-warning-disabled > a:only-child,
.yg-btn-warning.disabled > a:only-child,
.yg-btn-warning[disabled] > a:only-child,
.yg-btn-warning-disabled:hover > a:only-child,
.yg-btn-warning.disabled:hover > a:only-child,
.yg-btn-warning[disabled]:hover > a:only-child,
.yg-btn-warning-disabled:focus > a:only-child,
.yg-btn-warning.disabled:focus > a:only-child,
.yg-btn-warning[disabled]:focus > a:only-child,
.yg-btn-warning-disabled:active > a:only-child,
.yg-btn-warning.disabled:active > a:only-child,
.yg-btn-warning[disabled]:active > a:only-child,
.yg-btn-warning-disabled.active > a:only-child,
.yg-btn-warning.disabled.active > a:only-child,
.yg-btn-warning[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-warning-disabled > a:only-child::after,
.yg-btn-warning.disabled > a:only-child::after,
.yg-btn-warning[disabled] > a:only-child::after,
.yg-btn-warning-disabled:hover > a:only-child::after,
.yg-btn-warning.disabled:hover > a:only-child::after,
.yg-btn-warning[disabled]:hover > a:only-child::after,
.yg-btn-warning-disabled:focus > a:only-child::after,
.yg-btn-warning.disabled:focus > a:only-child::after,
.yg-btn-warning[disabled]:focus > a:only-child::after,
.yg-btn-warning-disabled:active > a:only-child::after,
.yg-btn-warning.disabled:active > a:only-child::after,
.yg-btn-warning[disabled]:active > a:only-child::after,
.yg-btn-warning-disabled.active > a:only-child::after,
.yg-btn-warning.disabled.active > a:only-child::after,
.yg-btn-warning[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-danger {
  color: #fff;
  background-color: #e2062c;
  border-color: #e2062c;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.yg-btn-danger > a:only-child {
  color: currentColor;
}
.yg-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-danger:hover,
.yg-btn-danger:focus {
  color: #fff;
  background-color: #f02e47;
  border-color: #f02e47;
}
.yg-btn-danger:hover > a:only-child,
.yg-btn-danger:focus > a:only-child {
  color: currentColor;
}
.yg-btn-danger:hover > a:only-child::after,
.yg-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-danger:active,
.yg-btn-danger.active {
  color: #fff;
  background-color: #e2062c;
  border-color: #e2062c;
}
.yg-btn-danger:active > a:only-child,
.yg-btn-danger.active > a:only-child {
  color: currentColor;
}
.yg-btn-danger:active > a:only-child::after,
.yg-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-danger-disabled,
.yg-btn-danger.disabled,
.yg-btn-danger[disabled],
.yg-btn-danger-disabled:hover,
.yg-btn-danger.disabled:hover,
.yg-btn-danger[disabled]:hover,
.yg-btn-danger-disabled:focus,
.yg-btn-danger.disabled:focus,
.yg-btn-danger[disabled]:focus,
.yg-btn-danger-disabled:active,
.yg-btn-danger.disabled:active,
.yg-btn-danger[disabled]:active,
.yg-btn-danger-disabled.active,
.yg-btn-danger.disabled.active,
.yg-btn-danger[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-danger-disabled > a:only-child,
.yg-btn-danger.disabled > a:only-child,
.yg-btn-danger[disabled] > a:only-child,
.yg-btn-danger-disabled:hover > a:only-child,
.yg-btn-danger.disabled:hover > a:only-child,
.yg-btn-danger[disabled]:hover > a:only-child,
.yg-btn-danger-disabled:focus > a:only-child,
.yg-btn-danger.disabled:focus > a:only-child,
.yg-btn-danger[disabled]:focus > a:only-child,
.yg-btn-danger-disabled:active > a:only-child,
.yg-btn-danger.disabled:active > a:only-child,
.yg-btn-danger[disabled]:active > a:only-child,
.yg-btn-danger-disabled.active > a:only-child,
.yg-btn-danger.disabled.active > a:only-child,
.yg-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-danger-disabled > a:only-child::after,
.yg-btn-danger.disabled > a:only-child::after,
.yg-btn-danger[disabled] > a:only-child::after,
.yg-btn-danger-disabled:hover > a:only-child::after,
.yg-btn-danger.disabled:hover > a:only-child::after,
.yg-btn-danger[disabled]:hover > a:only-child::after,
.yg-btn-danger-disabled:focus > a:only-child::after,
.yg-btn-danger.disabled:focus > a:only-child::after,
.yg-btn-danger[disabled]:focus > a:only-child::after,
.yg-btn-danger-disabled:active > a:only-child::after,
.yg-btn-danger.disabled:active > a:only-child::after,
.yg-btn-danger[disabled]:active > a:only-child::after,
.yg-btn-danger-disabled.active > a:only-child::after,
.yg-btn-danger.disabled.active > a:only-child::after,
.yg-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-link {
  color: #475669;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.yg-btn-link > a:only-child {
  color: currentColor;
}
.yg-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-link:hover,
.yg-btn-link:focus {
  color: #29b8ff;
  background-color: transparent;
  border-color: #29b8ff;
}
.yg-btn-link:hover > a:only-child,
.yg-btn-link:focus > a:only-child {
  color: currentColor;
}
.yg-btn-link:hover > a:only-child::after,
.yg-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-link:active,
.yg-btn-link.active {
  color: #0082d9;
  background-color: transparent;
  border-color: #0082d9;
}
.yg-btn-link:active > a:only-child,
.yg-btn-link.active > a:only-child {
  color: currentColor;
}
.yg-btn-link:active > a:only-child::after,
.yg-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.yg-btn-link-disabled,
.yg-btn-link.disabled,
.yg-btn-link[disabled],
.yg-btn-link-disabled:hover,
.yg-btn-link.disabled:hover,
.yg-btn-link[disabled]:hover,
.yg-btn-link-disabled:focus,
.yg-btn-link.disabled:focus,
.yg-btn-link[disabled]:focus,
.yg-btn-link-disabled:active,
.yg-btn-link.disabled:active,
.yg-btn-link[disabled]:active,
.yg-btn-link-disabled.active,
.yg-btn-link.disabled.active,
.yg-btn-link[disabled].active {
  color: rgba(51, 51, 51, 0.25);
  background-color: #f5f5f5;
  border-color: #ccc;
  text-shadow: none;
  box-shadow: none;
}
.yg-btn-link-disabled > a:only-child,
.yg-btn-link.disabled > a:only-child,
.yg-btn-link[disabled] > a:only-child,
.yg-btn-link-disabled:hover > a:only-child,
.yg-btn-link.disabled:hover > a:only-child,
.yg-btn-link[disabled]:hover > a:only-child,
.yg-btn-link-disabled:focus > a:only-child,
.yg-btn-link.disabled:focus > a:only-child,
.yg-btn-link[disabled]:focus > a:only-child,
.yg-btn-link-disabled:active > a:only-child,
.yg-btn-link.disabled:active > a:only-child,
.yg-btn-link[disabled]:active > a:only-child,
.yg-btn-link-disabled.active > a:only-child,
.yg-btn-link.disabled.active > a:only-child,
.yg-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.yg-btn-link-disabled > a: