@use '../variables/colors';
@use '../variables/fonts';

@use '../tools/rfs';

aside.advertisement {
  background-color: colors.$lightest-gray;
  @include rfs.padding-top(21px);
  @include rfs.padding-bottom(31px);
  .advertisement--notice {
    font-family: fonts.$font-family-sans-serif;
    font-weight: fonts.$font-weight-regular;
    @include rfs.font-size(14px);
    max-width: 630px;
    margin-top: 0;
    @include rfs.margin-bottom(15px);
    margin-left: auto;
    margin-right: auto;
    @media(max-width:480px) {
      @include rfs.padding-left(15px);
    }
  }
  .dg-gpt-ad-container {
    text-align: center;
  }
  .dg-gpt-ad {
    min-height: 3.125rem; // 50px
  }
}