.cc-release-alert {
  border: 1px solid rgba(17, 17, 17, .12);
  border-radius: 22px;
  background: #f6f5f1;
  padding: clamp(18px, 3vw, 28px);
  margin: 20px 0;
}

.cc-release-alert__eyebrow {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cc-release-alert h2 { margin: 0 0 8px; font-size: clamp(22px, 4vw, 32px); }
.cc-release-alert p { margin: 0 0 18px; max-width: 52ch; }
.cc-release-alert__form { margin: 0; }
.cc-release-alert__button { width: 100%; text-align: center; justify-content: center; }
.cc-release-alert__button.is-subscribed { background: #e7f5eb; color: #174b2a; border-color: #9cc9aa; }
.cc-release-alerts-list { list-style: none; margin: 20px 0; padding: 0; display: grid; gap: 12px; }
.cc-release-alerts-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px; border: 1px solid rgba(17,17,17,.12); border-radius: 16px; }
.cc-release-alerts-list li > a { display: flex; align-items: center; gap: 14px; font-weight: 700; }
.cc-release-alerts-list img { width: 56px; height: 56px; object-fit: contain; }

@media (min-width: 768px) {
  .cc-release-alert__button { width: auto; min-width: 240px; }
}
