.button {
  position: relative;
  border-radius: 3px;
  border: 2px solid;
  display: inline-block;
  font-size: 12px;
  font-family: $font-futurademi;
  letter-spacing: .7px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 16px;
  transition: all .1s ease-out;
  cursor: pointer;
  &_red-border {
    background-color: $white-color;
    color: $attention-color;
    border-color: $attention-color;
  }
  &_red {
    border-color: transparent;
    background-color: $attention-color;
    color: $white-color;
  }
  &_gray {
    border-color: transparent;
    background-color: $dark-gray-color;
    color: $white-color;
  }
  &_large {
    width: 100%;
  }
  &_middle {
    font-size: 14px;
    letter-spacing: .42px;
  }
  &_small {
    font-size: 12px;
    padding: 0 12px;
  }
  &_field {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  &.is-disabled {
    background: $light-gray-color;
    color: $gray-color;
    border-color: $light-gray-color;
    pointer-events: none;
  }
}