%button { display: inline-block; padding: 7px 20px; &.button-small { padding: 3px 10px; font-size: $core-font-size - 0.1rem; } } @mixin button-color($color) { background: $color; color: $white; border: 1px solid $color; &:hover { background: $white; color: $color; } &:active { box-shadow: 0 1px 0 darken($color, 12%); } }