/*
 * Effet d'entrée pour un bouton Elementor portant l'identifiant CSS
 * "animate-button". Le pseudo-élément ajoute le glow sans remplacer
 * l'ombre configurée directement dans Elementor.
 */
#animate-button.elementor-button,
a#animate-button,
button#animate-button,
#animate-button .elementor-button,
#animate-button .elementor-button-link {
	position: relative;
	isolation: isolate;
	overflow: visible !important;
}

#animate-button.elementor-button::after,
a#animate-button::after,
button#animate-button::after,
#animate-button .elementor-button::after,
#animate-button .elementor-button-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: 0 0 20px var(--ter-button-glow-color, rgb(253 203 4 / 72%));
	opacity: .72;
	animation: ter-button-arrival-glow 1.4s ease-in-out .25s 1 both;
}

@keyframes ter-button-arrival-glow {
	0%, 100% {
		box-shadow: 0 0 20px var(--ter-button-glow-color, rgb(253 203 4 / 72%));
		opacity: .72;
	}

	50% {
		box-shadow: 0 0 40px var(--ter-button-glow-color, rgb(253 203 4 / 95%));
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	#animate-button.elementor-button::after,
	a#animate-button::after,
	button#animate-button::after,
	#animate-button .elementor-button::after,
	#animate-button .elementor-button-link::after {
		animation: none;
	}
}