@mixin button($primary-color) {

background-color: $primary-color;
border: 1px solid darken($primary-color, 5%);
color: $white;

&:focus { @include shadow($primary-color); }

&:hover {
  background-color: darken($primary-color, 10%);
  border-color: darken($primary-color, 15%);
}

&:active {
  background-color: darken($primary-color, 20%);
  border-color: darken($primary-color, 35%);
  box-shadow: inset 0 2px 4px $box-shadow-color;
}

}

@mixin button-size($padding-y, $padding-x, $font-size) {

padding: $padding-y $padding-x;
font-size: $font-size;

}