/* ─────────────────────────────────────────
   SECTION — RSVP PROMPT (home page)
   Same green band + heading as the RSVP section (sections/rsvp.css),
   but with a single button to the RSVP page instead of the form.
───────────────────────────────────────── */

.rsvp-prompt-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.rsvp-prompt-btn { align-self: center; }

/* "coming soon" state on green: keep it readable */
.rsvp-prompt-btn.is-soon { opacity: 0.6; }

.rsvp-prompt-note {
  color: var(--on-inverse-muted);
  text-align: center;
  transform: rotate(-3deg);
}

/* desktop: the prompt doesn't need a full screen of its own */
@media (min-width: 1025px) {
  .rsvp-prompt.section { min-height: 70svh; }
}


/* responsive — mobile */
@media (max-width: 640px) {
  .rsvp-prompt-btn { width: auto; }
}