html {
  body {
    .rd-announcement-banner {
      display: grid;
      justify-items: center;
      align-items: center;
      gap: 10px;
      padding: 0.75em var(--mob-edge);

      @media (min-width: 768px) {
        padding: 0.75em var(--tab-edge);
      }
      @media (min-width: 1400px) {
        padding: 0.75em var(--desk-edge);
      }
    }

    .rd-announcement-banner__content {
      display: flex;
      flex-flow: row wrap;
      align-items: baseline;
      justify-content: center;
      text-align: center;
      gap: 1ch;
      font-weight: 400;
    }

    .rd-announcement-banner__content,
    .rd-announcement-banner__content strong,
    .rd-announcement-banner__content a {
      margin: 0;
      font-family: var(--font-family-body);
      font-size: 0.85rem;
      line-height: 1;
      color: var(--color-white);
      @media (min-width: 768px) {
        font-size: 1rem;
      }
    }

    .rd-announcement-banner__content strong {
      font-weight: 700;
    }

    .rd-announcement-banner__content a {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }

    .rd-announcement-banner__countdown {
      max-width: 240px;
      width: 100%;
      & > img {
        width: 100%;
        height: auto;
      }
    }
  }
}