@import 'govuk-frontend/components/button/button';

.govuk-button {
  &.button-secondary {
    // @todo we can replace with .govuk-button--secondary from govuk-frontend >= 2.11.0
    background: $white;
    color: $govuk-text-colour;
    border: 1px solid $govuk-border-colour;

    &:hover {
      background: $light-grey;
    }
  }

  &.button-warning {
    // @todo: we can replace with govuk-button--warning from govuk-frontend >= 2.11.0
    background: govuk-colour('red');

    &:hover {
      background: mix(#000, govuk-colour('red'), 20%);
    }
  }
}