/* CTA row block — the brand's buttons, standing on their own.

   The anchors carry .btn / .btn.solid, which every brand defines, so the
   buttons match that site's own buttons and follow its palette.

   The row layout is declared here rather than inherited from .actions:
   .actions exists only on ADS, so a block relying on it would stack its
   buttons vertically with no gap on the other eight. The values match
   ADS's .actions exactly, so ADS is unchanged either way.

   ── LOCAL VALUES (ADS) ──
   Side padding follows .billboard's 54px rather than
   var(--space-section-x), so the buttons line up with the sections above
   and below. Other brands use their token. */

.block-cta-row {
  padding: 0 54px;
  display: flex;
  flex-direction: column;
  scroll-margin-top: 85px;
}

.block-cta-row.align-center { align-items: center; }
.block-cta-row.align-right  { align-items: flex-end; }

.block-cta-row .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  /* .actions carries a top margin to clear the copy above it inside a
     billboard. Standing alone that is dead space between the spacer and
     the buttons, which makes the spacer's height read wrong. */
  margin-top: 0;
}

/* Editor-only per-CTA wrapper. */
.block-cta-row .action-slot {
  display: inline-flex; align-items: center; position: relative;
}
.block-cta-row .cms-list-item-add--inline {
  width: auto; min-height: 0; padding: 8px 12px;
}

@media (max-width: 820px) {
  .block-cta-row { padding: 0 24px; }
}