/* ─────────────────────────────────────────────────────────────────
   block-button-text — banner with a CTA button + accompanying text
   The .small label uses .ds-eyebrow (added in template). All visual
   styling for that label inherits from design-system.css.
   ───────────────────────────────────────────────────────────── */

.block-button-text .col-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ds-space-3);
}

.block-button-text .btn,
.block-button-text .btn-primary {
  margin-bottom: var(--ds-space-2);
}

/* Constrain the eyebrow line width and center it (block-unique
   layout — visual recipe handled by .ds-eyebrow). */
.block-button-text .small.ds-eyebrow {
  text-align: center;
  max-width: var(--ds-container-sm);
  line-height: 1.4;
}