/* ============================================================
   Kit — cta.css   (reusable part: the CTA block)
   Layout only. The CTA is a row of real buttons (kit/button.css)
   used wherever the agent needs an action: Start / Skip in an open
   checklist item, Back / Next in a tour, a single primary in a
   tooltip. The buttons carry their own tier + theming; this file
   just lays them out and stretches them to share the row.
   Requires button.css to be loaded.
   ============================================================ */

.bp-cta {
  display: flex;
  gap: 8px;
  width: 100%;
}

/* the row's buttons share the width equally by default */
.bp-cta > .bp-btn { flex: 1 1 0; min-width: 0; }

/* split: a narrow quiet button (e.g. Back) + a wide primary (e.g. Next).
   The quiet one hugs its label; the primary takes the rest. */
.bp-cta--split > .bp-btn { flex: 1 1 0; }
.bp-cta--split > .bp-btn--tertiary,
.bp-cta--split > .bp-btn--ghost,
.bp-cta--split > .bp-btn--secondary { flex: 0 0 auto; }