.button {
  @extend %reset-margin;
  @extend %button;
}

.primary {
  background-color: darken($color-primary, 10%);
  border-color: darken($color-primary, 5);

  &,
  &:hover,
  &:focus,
  &:active,
  &.active { color: $color-text-strong-invert; }

  &:hover,
  &:focus,
  &:active
  &.active { background-color: darken($color-primary, 8%); }
}

%clear-button {
  box-shadow: none;
  border-color: transparent;
  background: none;
  color: inherit;
}