@import "_colours.scss";
@import "design-patterns/_buttons.scss";
@import "_typography.scss";

.button-save,
%button-save {
  @include button;
  @include core-24;
  display: block;
  margin: 0 0 25px 0;
}

a.button-save {
  @include inline-block;
}

input.button-save {
  @include media(tablet) {
    margin-top: 55px;
  }
  @include media(mobile) {
    margin-top: 30px;
  }
}

input.button-save-with-advice {
  @extend %button-save;
  @include media(tablet) {
    margin-top: 20px;
  }
}

.button-secondary,
.button-secondary-with-advice {
  @include button($grey-3);
}

.button-destructive,
.button-destructive-with-advice {
  @include button($red);
}