@use '../../styles/design-system.scss' as *;

.betaBannerContainer {
  @include u-bg("gray-cool-2");

  .betaBanner {
    @include u-height(3);
    max-width: 70.25rem; // Needs this exact value to align with GovBanner
    @include u-font("body", "3xs");
    @include u-margin-left(auto);
    @include u-margin-right(auto);
    @include u-padding-top(1);
    padding-bottom: 1.75rem;

    @include at-media-max("desktop") {
      @include u-margin-left(2);
      @include u-margin-right(0);
    }

    @include at-media-max("tablet-lg") {
      @include u-height(6);
    }

  }
}
