/**
 * Gradient CTA banner — mobile equal-width stacked buttons.
 * Buttons match the wider button (not full section width).
 * Scoped to .fa-cta-banner (excludes hero .fa-home-hero).
 * Elementor mobile breakpoint: max-width 767px (viewport_md 768).
 */
@media (max-width: 767px) {
	/* Shrink-wrap the button row to the widest button, then stretch both. */
	.fa-cta-banner .e-con:has(> .elementor-widget-button) {
		width: max-content;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		align-items: stretch;
	}

	.fa-cta-banner .elementor-widget-button {
		width: 100%;
		align-self: stretch;
	}

	.fa-cta-banner .elementor-button-wrapper {
		width: 100%;
	}

	.fa-cta-banner a.elementor-button,
	.fa-cta-banner .elementor-button {
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
		text-align: center;
	}
}
