@btn-border-radius-base: 4px;
@btn-line-height: 23px;
@btn-font-weight: 800;
@btn-padding-horizontal-base: 25px - 1px;

@btn-primary-color: #fff;
@btn-primary-bg: #000000;
@btn-primary-bg-light: #333333;

@btn-height-base: 40px;
@btn-height-lg: 48px;
@btn-font-size-lg: 18px;

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: 32px;
  }

  &&-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;
    }
  }
}