.app-live-banner {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(239, 200, 110, 0.32);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(239, 200, 110, 0.14), rgba(46, 204, 113, 0.1));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.app-live-banner-kicker {
  color: var(--gold);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.app-live-banner strong {
  font-family: Fraunces, serif;
  font-size: 1.35rem;
  line-height: 1.1;
}

.app-live-banner span:not(.app-live-banner-kicker) {
  color: var(--text-soft);
  font-size: 0.95rem;
  line-height: 1.6;
}

.app-live-banner .button-primary {
  justify-self: start;
}

@media (max-width: 640px) {
  .app-live-banner .button-primary {
    width: 100%;
  }
}