/*
	Section Header block. It reuses the shared .section-header component (heading +
	intro spacing + measure), so this file only adjusts it for standalone use.
*/

/* The .section-header component carries a trailing margin for separating it from
   content WITHIN a block. Here it is the whole block, so the section's own
   padding owns the spacing — drop the margin. */
.flex-section--section-header .section-header {
	margin-block-end: 0;
}

/* The CTA sits a little further from the text than the heading/intro gap. */
.flex-section--section-header .section-header__cta {
	margin-block-start: var(--space-5);
}

/* Room for an optional second (outline) button next to the first. Centred
   only under .section-header--align-center — the default (left/none)
   alignment leaves this at flex's own default start alignment. */
.section-header__cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.section-header--align-center .section-header__cta {
	justify-content: center;
}