.cr-button {
  a.ant-btn-sm {
    line-height: 30px;
  }

  &.ant-btn {
    font-family: @font-family;
    text-transform: uppercase;
    border-radius: 0;

    &-circle {
      border-radius: 50% !important;
    }

    &-round {
      border-radius: 40px;
    }

    &-sm {
      height: 28px;
      font-size: 14px;
      line-height: 18px;

      & > div {
        height: 26px;
      }
    }

    &&-primary {
      background: @btn-primary-bg;
      color: @btn-primary-color;
      &:hover {
        background: @btn-primary-bg-light;
        color: @btn-primary-color;
      }

      &:disabled {
        background: #a3adb7;
        color: @btn-primary-color;
      }

      .anticon {
        color: @btn-primary-color;
      }
    }

    &&-ghost {
      border: 1px solid @btn-primary-bg;
      color: @btn-primary-bg;
      background: @btn-primary-color;
      &:hover {
        background: @btn-primary-bg-light;
        color: white;
      }

      &:disabled {
        background: white;
        color: #a3adb7;
        border: 1px solid #a3adb7;

        &:hover {
          background: #a3adb7;
          color: white;
          border: 1px solid #a3adb7;
        }
      }
    }

    &&-text {
      color: @btn-primary-color;
    }

    &&-background-ghost {
      border: 1px solid white;
      color: white;
      background: transparent !important;
    }

    &.cr-delete {
      background: #e53e3e;
      min-width: 40px !important;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
    }

    &.cr-delete-ghost {
      border: 1px solid #e53e3e;
      color: #e53e3e;
      background: transparent;
      &:hover {
        background: #fcebeb;
        color: #e53e3e;
      }

      &:disabled {
        background: white;
        color: #a3adb7;
        border: 1px solid #a3adb7;

        &:hover {
          background: #a3adb7;
          color: white;
          border: 1px solid #a3adb7;
        }
      }
    }

    &.cr-warning-notice {
      background: #f39c12;
      min-width: 40px !important;
      color: white;
      padding-left: 25px;
      padding-right: 25px;
    }

    &.cr-setup-bank {
      background: #e53e3e;
      min-width: 40px !important;
      color: white;
      padding-left: 25px;
      padding-right: 25px;
      height: auto;
      min-height: 40px;
      white-space: break-spaces;

      svg {
        fill: white;
      }
    }
  }
}