=btn-theme($btn-color) 
  $off-wht: rgba(white,.2)
  border-color: darken($btn-color, 20%)
  background-color: $btn-color
  &:hover 
    background-color: darken($btn-color, 6%)
    //box-shadow: 0 .125em $off-wht, inset 0 .063em $off-wht, inset 0 -.188em lighten($btn-color, 2%)
  
  &:active 
    //box-shadow: 0 .063em $off-wht, inset 0 0 1.094em darken($btn-color, 40%), inset 0 .063em darken($btn-color, 20%),inset 0 -0.188em darken($btn-color, 20%)
  
%button
  color: rgba(0,0,0,0.6)
  +btn-theme($color-background-subtle)
  & > a
    display: inline-block
    height: 100%
    width: 100%
  
//%button
  color: rgba(0,0,0,0.6)
  @extend %background-subtle
  &:not(.show):hover
    @extend %background-hover
  &.show
    @extend %background-active
  &.loading
    @extend %background-hover
  &.error
    @extend %background-error
  & > a
    display: inline-block
    height: 100%
    width: 100%