/* ===========================================================================
   Helios — CTA band widget
   ======================================================================== */

.hl-cta-band {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: var(--hl-wrap);
	margin-inline: auto;
	padding-top: clamp(28px, 4vw, 44px);
	border-top: 1px solid var(--hl-w-border, var(--hl-line));
}

.hl-cta-band__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	flex: 0 0 auto;
}

.hl-cta-band--center {
	flex-direction: column;
	text-align: center;
}
.hl-cta-band--center .hl-eyebrow { justify-content: center; }
.hl-cta-band--center .hl-lead { margin-inline: auto; }
.hl-cta-band--center .hl-cta-band__actions { justify-content: center; }

@media (max-width: 720px) {
	.hl-cta-band { flex-direction: column; align-items: flex-start; }
	.hl-cta-band--center { align-items: center; }
}