@import "settings.breakpoints";
@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.functions";

// Newsletter sign-up success and failure messages
.o-card--promo__success,
.o-card--promo__failure {
  @include font-gm-sans-bold;
  font-size: rem(14);
  letter-spacing: rem(1);
  text-transform: uppercase;
  margin-bottom: rem(5);
  .c-indicator-icon {
    margin-left: 0;
    margin-right: rem(2);
  }
}
.o-card--promo__success {
  color: $color-utility-green-700;
  .c-indicator-icon__art {
    width: rem(23);
    height: rem(18);
    fill: $color-utility-green-700;
  }
}
.o-card--promo__failure {
  color: $color-red-700;
  .c-indicator-icon__art {
    width: rem(18);
    height: rem(18);
    fill: $color-red-700;
  }
}

@include mq($until: tablet) {
  .o-card--promo__success,
  .o-card--promo__failure {
    margin-bottom: rem(20);
  }
}
