@import '../../../global/theme.less';

.button {
  height: auto !important;
  border-radius: 2px !important;
  &.disabled {
    background: @button-disabled-bg!important;
    color: @button-disabled-color!important;
    border-color: @button-disabled-border-color!important;
    pointer-events: none;
  }

  // type
  &.type-default {
    background: @button-default-bg;
    color: @button-default-color;
    border: 1px solid @button-default-border-color;
    &:hover,
    &:focus {
      background: @button-default-hover-bg;
      color: @button-default-hover-color;
      border-color: @button-default-hover-border-color;
    }
  }
  &.type-primary {
    background: @button-primary-bg;
    color: @button-primary-color;
    border: 1px solid @button-primary-border-color;
    &:hover,
    &:focus {
      background: @button-primary-hover-bg;
      color: @button-primary-hover-color;
      border-color: @button-primary-hover-border-color;
    }
  }
  &.type-ghost {
    background: @button-ghost-bg;
    color: @button-ghost-color;
    border: 1px solid @button-ghost-border-color;
    &:hover,
    &:focus {
      background: @button-ghost-hover-bg;
      color: @button-ghost-hover-color;
      border-color: @button-ghost-hover-border-color;
    }
  }

  // size
  &.size-large {
    font-size: 14px;
    padding: 16px 20px;
  }
  &.size-default {
    font-size: 12px;
    padding: 7px 16px;
  }
  &.size-small {
    font-size: 10px;
    padding: 4px 14px;
  }
  &.size-mini {
    font-size: 10px;
    padding: 2px 6px;
  }

  :global(.anticon) {
    color: inherit;
  }
}