/* ==========================================================================
   Newsletter — one design on every page.

   The user's layout, 2026-10-07; inside the closing card from 2026-10-10:
   under the contact card, 50 below it, no hairline; on its own, in a card of its
   own (the closing frame, vv-primitives.css). The card's two columns (50
   apart): the heading and line, then the button. One column below desktop,
   the button 25 under the text. Heading and line 10 apart.
   ========================================================================== */

.vv-r-newsletter__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;     /* the text at one end, the button at the other (user, 2026-10-10) */
  gap: var(--vv-gap-25) var(--vv-gap-50);
  padding: var(--vv-gap-25);          /* 25 on every side, inside a gold border (user, 2026-10-10) */
  border: 1px solid var(--vv-color-element-highlight);
}

.vv-r-newsletter__text {
  display: flex;
  flex-direction: column;
  gap: var(--vv-gap-10);              /* heading to line (user, 2026-10-07) */
  min-width: 0;
  max-width: var(--vv-measure-800);
}

.vv-r-newsletter__action { display: flex; }
.vv-r-newsletter__action .vv-button { text-align: start; }