/* Light sweep animation — all Upgrade to Pro buttons */

@keyframes xsis-upgrade-sweep {
	0% {
		left: -120%;
	}
	45%,
	100% {
		left: 140%;
	}
}

.xel-upgrade-btn,
.xel-modal__cta,
[data-xsis-upgrade-modal-open] {
	position: relative;
	overflow: hidden;
}

.xel-upgrade-btn::before,
.xel-modal__cta::before,
[data-xsis-upgrade-modal-open]::before {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 55%;
	height: 100%;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, 0.15) 35%,
		rgba(255, 255, 255, 0.75) 50%,
		rgba(255, 255, 255, 0.15) 65%,
		transparent 100%
	);
	transform: skewX(-18deg);
	animation: xsis-upgrade-sweep 2.8s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
}

.xel-upgrade-btn > *,
.xel-modal__cta > *,
[data-xsis-upgrade-modal-open] > * {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.xel-upgrade-btn::before,
	.xel-modal__cta::before,
	[data-xsis-upgrade-modal-open]::before {
		animation: none;
	}
}