@charset "UTF-8";

// Warning alert.
.su-alert--warning {
  background-color: color(warning, $su-alert-colors);

  a {
    color: $su-color-black;

    &:hover,
    &:focus {
      color: $su-color-black;
      text-decoration: underline;
    }

    &.su-button,
    &.su-button--secondary {
      @include button-secondary;

      background-color: color(warning, $su-alert-colors);
      box-shadow: $su-button-stroke $su-color-black;
      color: $su-color-black;

      &:hover,
      &:focus {
        background-color: color(warning, $su-alert-colors);
        box-shadow: $su-button-stroke $su-color-black;
        color: $su-color-black;
      }
    }

    &.su-button--big {
      @include button-big;

      background-color: color(warning, $su-alert-colors);
      box-shadow: $su-button-stroke $su-color-black;
      color: $su-color-black;

      &:hover,
      &:focus {
        background-color: color(warning, $su-alert-colors);
        box-shadow: $su-button-stroke $su-color-black;
        color: $su-color-black;
      }
    }
  }
}
