/**
 * Landings — mise en page des zones CTA (boutons = composant fl_ui).
 */

.fl-org-landing__hero-actions,
.fl-org-landing__cta-actions,
.fl-org-landing__features-actions,
.fl-org-landing__steps-actions,
.fl-org-landing__reach-actions,
.fl-org-landing__plus-actions,
.fl-ticketing-landing__hero-actions,
.fl-ticketing-landing__cta-actions,
.fl-ticketing-landing__steps-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.fl-org-landing__persona-panel-body .fl-ui-button {
	margin-top: auto;
}

.fl-roadtrip-landing__cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

@media (max-width: 767px) {
	.fl-org-landing__hero-actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.fl-org-landing__hero-actions .fl-ui-button {
		width: 100%;
	}

	.fl-org-landing__persona-panel-body .fl-ui-button {
		width: 100%;
		margin-top: 6px;
	}
}

@media (max-width: 575px) {
	.fl-org-landing__plus-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.fl-org-landing__plus-actions .fl-ui-button {
		width: 100%;
	}

	.fl-org-landing__cta-actions {
		flex-direction: column;
		width: 100%;
	}

	.fl-org-landing__cta-actions .fl-ui-button {
		width: 100%;
	}

	.fl-ticketing-landing__hero-actions .fl-ui-button,
	.fl-ticketing-landing__cta-actions .fl-ui-button {
		width: 100%;
	}
}