button,
input[type='button'],
input[type='reset'],
input[type='submit']
  background-color: color-button-background-default
  border-radius: 20px
  border: 0
  box-sizing: border-box
  color: white
  cursor: pointer
  display: inline-block
  flex-grow: 1
  font-family: BrandonText
  font-size 0.875rem
  font-weight: weight-bold
  height: 40px
  letter-spacing: 0.0525rem
  min-width: 200px
  outline: 0
  overflow: hidden
  padding: 10px 20px
  padding: auto
  position: relative
  text-align: center
  text-decoration: none
  text-transform: uppercase
  white-space: nowrap
  transition: color 250ms ease,
              background 150ms 50ms ease
  &:hover,
  &:focus
    background-color: color-button-background-hover
    color: white
  &:active
  &:disabled,
  .disabled
    background-color: color-buton-background-disabled
    color: color-button-text-disabled
    cursor: default

  // Outline Buttons
  &.outline
    line-height: 1 !important
    background-color: transparent !important
    border-color: color-button-background-default
    border: 2px solid
    color: color-button-background-default
    transition: color 250ms ease,
                background 150ms 50ms ease,
                border 150ms 20ms ease
    &:hover,
    &:focus
      border: 2px solid color-button-background-hover
      color: color-button-background-hover
    &:disabled,
    &.disabled
      border-color: color-gray-ultralight
      color: color-gray-light
      cursor: default

  // Mini Buttons
  &.mini
    font-size: 0.75em
    height: 30px
    padding: 7px 10px
    min-width: 160px
    &:disabled,
    &.disabled
      background-color: color-buton-background-disabled
      color: color-button-text-disabled
      cursor: default

*.button
  font-weight: weight-bold !important