button,
.btn
  display: inline-block
  appearance: none
  margin: 0
  padding: third($spacing-unit) halve($spacing-unit)
  border: 0
  border-radius: $border-radius-base
  vertical-align: middle
  white-space: nowrap
  cursor: pointer
  background-color: $color-btn
  color: $color-white
  text-decoration: none
  transition: background-color .2s ease

  &:hover
    background-color: lighten($color-btn, 5%)

  &:active
    background-color: darken($color-btn, 5%)

button[disabled],
.btn-disabled
  background-color: $color-muted
  cursor: not-allowed

  &:hover
    background-color: $color-muted

  &:active
    background-color: $color-muted

  @if $link-active
    &:active
      top: 0

.btn-proceed
  background-color: $color-positive

  &:hover
    background-color: lighten($color-positive, 5%)

  &:active
    background-color: darken($color-positive, 5%)

.btn-danger
  background-color: $color-negative

  &:hover
    background-color: lighten($color-negative, 5%)

  &:active
    background-color: darken($color-negative, 5%)

.btn-block
  display: block
  padding-left: 0
  padding-right: 0
  text-align: center

button,
.btn
  display: inline-block
  appearance: none
  margin: 0
  padding: third($spacing-unit) halve($spacing-unit)
  border: 0
  border-radius: $border-radius-base
  vertical-align: middle
  white-space: nowrap
  cursor: pointer
  background-color: $color-btn
  color: $color-white
  text-decoration: none

button[disabled],
.btn-disabled
  background-color: $color-muted

  @if $link-active
    &:active
      top: 0

.btn-proceed
  background-color: $color-positive

.btn-danger
  background-color: $color-negative

.btn-block
  display: block
  padding-left: 0
  padding-right: 0
  text-align: center

Drop transition effect from buttons
Drop transition effect from buttons
