{$class-btn}
  @extend $align-center-xs, $no-outline
  border: $var-btn-hollow-border-width $var-btn-hollow-border-style transparent
  button: $var-btn-padding unless $var-btn-padding is false or is-ident($var-btn-padding)
  cursor: pointer
  line-height: $var-btn-line-height unless $var-btn-line-height is false or is-ident($var-btn-line-height)
  transition: $var-btn-transition unless $var-btn-transition is false
  user-select: none

{$class-btn}{$class-btn--icon}
  padding: 0

{$class-btn}{$class-btn--left}
  @extend $align-left-xs

{$class-btn}{$class-btn--right}
  @extend $align-right-xs

{$class-btn__icon}
  margin-right: $var-btn__icon-margin-right unless $var-btn__icon-margin-right is false or is-ident($var-btn__icon-margin-right)
  min-width: $var-btn__icon-min-width unless $var-btn__icon-min-width is false or is-ident($var-btn__icon-min-width)
  vertical-align: baseline

{$class-btn--block}
  @extend $block

{$class-btn--small}
  button: $var-btn-padding-small unless $var-btn-padding-small is false or is-ident($var-btn-padding-small)

{$class-btn--rounded}
  border-radius: $var-btn-border-radius unless $var-btn-border-radius is false or is-ident($var-btn-border-radius)

{$class-btn--large}
  button: $var-btn-padding-large unless $var-btn-padding-large is false or is-ident($var-btn-padding-large)

{$class-btn--black}
  @extend $scheme--black, $scheme--black-active, $scheme--black-hover

{$class-btn--blue}
  @extend $scheme--blue, $scheme--blue-active, $scheme--blue-hover

{$class-btn--disabled}
  @extend $scheme--disabled
  cursor: default

{$class-btn--gray}
  @extend $scheme--gray, $scheme--gray-active, $scheme--gray-hover

{$class-btn--green}
  @extend $scheme--green, $scheme--green-active, $scheme--green-hover

{$class-btn--orange}
  @extend $scheme--orange, $scheme--orange-active, $scheme--orange-hover

{$class-btn--purple}
  @extend $scheme--purple, $scheme--purple-active, $scheme--purple-hover

{$class-btn--red}
  @extend $scheme--red, $scheme--red-active, $scheme--red-hover

{$class-btn--yellow}
  @extend $scheme--yellow, $scheme--yellow-active, $scheme--yellow-hover

{$class-btn--white}
  @extend $scheme--white, $scheme--white-active, $scheme--white-hover

{$class-btn--hollow-black}
  @extend {$class-btn--black}
  @extend $scheme--transparent-background, $scheme--black-hollow

{$class-btn--hollow-blue}
  @extend {$class-btn--blue}
  @extend $scheme--transparent-background, $scheme--blue-hollow

{$class-btn--hollow-disabled}
  @extend {$class-btn--disabled}
  @extend $scheme--transparent-background, $scheme--disabled-hollow

{$class-btn--hollow-gray}
  @extend {$class-btn--gray}
  @extend $scheme--transparent-background, $scheme--gray-hollow

{$class-btn--hollow-green}
  @extend {$class-btn--green}
  @extend $scheme--transparent-background, $scheme--green-hollow

{$class-btn--hollow-orange}
  @extend {$class-btn--orange}
  @extend $scheme--transparent-background, $scheme--orange-hollow

{$class-btn--hollow-purple}
  @extend {$class-btn--purple}
  @extend $scheme--transparent-background, $scheme--purple-hollow

{$class-btn--hollow-red}
  @extend {$class-btn--red}
  @extend $scheme--transparent-background, $scheme--red-hollow

{$class-btn--hollow-yellow}
  @extend {$class-btn--yellow}
  @extend $scheme--transparent-background, $scheme--yellow-hollow

{$class-btn--hollow-white}
  @extend {$class-btn--white}
  @extend $scheme--transparent-background, $scheme--white-hollow