.pulse-animate {
	animation: clssPulse var(--clss-pulse-duration, 1.5s) infinite;
	position: relative;
	z-index: 1;
}

@keyframes clssPulse {
	0% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--clss-pulse-color, #3498db) var(--clss-pulse-opacity, 60%), transparent);
		transform: scale(1);
	}

	70% {
		box-shadow: 0 0 0 var(--clss-pulse-spread, 12px) color-mix(in srgb, var(--clss-pulse-color, #3498db) 0%, transparent);
		transform: scale(var(--clss-pulse-scale, 1.05));
	}

	100% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--clss-pulse-color, #3498db) 0%, transparent);
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pulse-animate {
		animation: none;
	}
}