@mixin button-variant($color, $background, $border)
  color: $color
  background-color: $background
  border-color: $border

  &:focus,
  &.focus
    color: lighter($color, 10, 10)
    background-color: lighter($background, 10, 10)
    border-color: lighter($border, 10, 10)

  &:hover
    color: lighter($color, 10, 10)
    background: $background
    background-color: lighter($background, 10, 10)
    border-color: lighter($border, 10, 10)

  &:active,
  &.active,
  .open > &.dropdown-toggle
    color: $color
    background-color: $background
    border-color: $border

    &:hover,
    &:focus,
    &.focus
      color: lighter($color, 10, 10)
      background-color: lighter($background, 10, 10)
      border-color: lighter($border, 10, 10)

  &:active,
  &.active,
  .open > &.dropdown-toggle
    background-image: none

  &.disabled,
  &[disabled],
  fieldset[disabled] &
    &:hover,
    &:focus,
    &.focus
      background-color: $background
      border-color: $border

  .badge
    color: $background
    background-color: $color