.announcement-bar--hoc {
  padding-left: var(--gutter-container);
  padding-right: var(--gutter-container);
}

@media screen and (min-width: 768px) {
  .announcement-bar--hoc {
    grid-template-columns: 46% 27% 27%;
  }
}

.announcement-bar__content .announcement--hoc {
  width: auto;
  text-align: left;
  padding-inline: 10px;
}

@media screen and (min-width: 768px) {
  .announcement-bar__content .announcement--hoc {
    padding-inline: 1.25rem;
  }
}

.announcement-bar__content .announcement--hoc a {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}