@import (reference) '~const.less';

@c: .button;

@{c} {
  background: #fff;
  color: @blue-grey-1000;
  border: none;
  padding: 0;
  min-width: 120px;
  padding: @sizeExtraSmall;
  border-radius: 4px;
  font-size: @fontExtraSmall;
  font-family: @fontFamilyBold;
  text-transform: uppercase;
  letter-spacing: -0.13px;
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  &:hover:not(:disabled) {
    cursor: pointer;
  }
  &--primary {
    border: 1px solid @grey-300;
    background: @grey-50;
    color: @grey-600;
  }
  &--secondary {
    background: @light-blue-700;
    color: #fff;
  }
  &--download {
    background: @green-700;
    color: #fff;
  }
  &--flat,
  &--link {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    min-width: auto;
  }
  &--link {
    color: @blue-300;
  }
}