.zhny-text-btn.ant-btn.ant-btn-primary {
  &.zhny-btn-default-bg {
    &:not([disabled]) {
      color: #666666;
      border-color: #ecf2fc;
      background-color: #ecf2fc;
      &.ant-btn-loading {
        .anticon {
          color: currentColor;
        }
      }
      .skin-red & {
        color: #666666;
        border-color: #f7e7e8;
        background-color: #f7e7e8;
      }
      .skin-green & {
        color: #666666;
        border-color: #fcefeb;
        background-color: #fcefeb;
      }
      .skin-gray & {
        color: #666666;
        border-color: #fef5e6;
        background-color: #fef5e6;
      }
      .skin-yellow & {
        color: #666666;
        border-color: #fef5e6;
        background-color: #fef5e6;
      }
      .skin-dark & {
        color: #95adff;
        border-color: #2a3253;
        background-color: #2a3253;
      }
      &:hover {
        color: #3b76cd;
        border-color: #ecf2fc;
        background-color: #ecf2fc;
        .skin-red & {
          color: #ac0f15;
          border-color: #f7e7e8;
          background-color: #f7e7e8;
        }
        .skin-green & {
          color: #ca5636;
          border-color: #fcefeb;
          background-color: #fcefeb;
        }
        .skin-gray & {
          color: #eb7200;
          border-color: #fef5e6;
          background-color: #fef5e6;
        }
        .skin-yellow & {
          color: #eb7200;
          border-color: #fef5e6;
          background-color: #fef5e6;
        }
        .skin-dark & {
          color: #ffffff;
          border-color: #2a3253;
          background-color: #2a3253;
        }
      }
    }
    &[disabled] {
      color: #b2b2b2;
      border-color: #f5f5f5;
      background-color: #f5f5f5;
      .skin-dark & {
        color: #808596;
        border-color: #2f364f;
        background-color: #2f364f;
      }
    }
  }
}
.zhny-text-btn.ant-btn.ant-btn-default {
  &.zhny-btn-default-border {
    &:not([disabled]) {
      color: #666666;
      border-color: #d3d3d3;
      background-color: #ffffff;
      .skin-dark & {
        color: @dark-primary;
        border-color: @dark-primary;
        background: #1b223e;
      }
      &:hover {
        color: #3b76cd;
        border-color: #3b76cd;
        background-color: #ffffff;
        .skin-red & {
          color: #ac0f15;
          border-color: #ac0f15;
          background-color: #ffffff;
        }
        .skin-green & {
          color: #ca5636;
          border-color: #ca5636;
          background-color: #ffffff;
        }
        .skin-gray & {
          color: #eb7200;
          border-color: #eb7200;
          background-color: #ffffff;
        }
        .skin-yellow & {
          color: #eb7200;
          border-color: #eb7200;
          background-color: #ffffff;
        }
        .skin-dark & {
          color: #ffffff;
          border-color: #4f66c6;
          background-color: #1b223e;
        }
      }
    }
    &[disabled] {
      color: #b2b2b2;
      border-color: #dbdbdb;
      background-color: #f5f5f5;
      .skin-dark & {
        color: #808596;
        border-color: #2f364f;
        background-color: #1b223e;
      }
    }
  }
}
.ant-btn:empty {
  vertical-align: middle;
}