/* Shared by the React storefront and every standalone public page. */
.journal-announcement,
.announcement,
.pcg-announcement {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 9.92px 16px;
  background: hsl(346 31% 79%);
  color: hsl(22 16% 22%);
  font-family: "DM Sans", sans-serif;
  font-size: 10.08px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: .18em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 680px) {
  .journal-announcement,
  .announcement,
  .pcg-announcement {
    padding: 6.08px 12px;
    font-size: 8.32px;
    letter-spacing: .1em;
    line-height: 1.3;
  }
}