/* Purchase CTA shimmer.
 * Limited to active Get Your License / Get DowGold placements. */
.dg-header-actions > a.dg-gold-button.dg-gold-button-small,
#dg-mobile-menu > a.dg-gold-button,
body[data-page="home"] .dgv6-ctas > a.dgv6-btn-primary,
body[data-page="faq"] .dg-license-support-card > a.dg-gold-button,
body[data-page="reviews"] .dg-reviews-license-cta .dg-license-support-card > a.dg-gold-button,
body[data-page="prop"] .dg-prop-hero .dg-prop-hero-actions > a.dg-gold-button,
body[data-page="signals"] .dgs-final .dgs-actions > a.dgs-button-primary,
body[data-page="account"].logged-out #dge-member-welcome .dge-lic-card > a.dge-lic-btn {
	position: relative;
	isolation: isolate;
	overflow: hidden !important;
}

.dg-header-actions > a.dg-gold-button.dg-gold-button-small::after,
#dg-mobile-menu > a.dg-gold-button::after,
body[data-page="home"] .dgv6-ctas > a.dgv6-btn-primary::after,
body[data-page="faq"] .dg-license-support-card > a.dg-gold-button::after,
body[data-page="reviews"] .dg-reviews-license-cta .dg-license-support-card > a.dg-gold-button::after,
body[data-page="prop"] .dg-prop-hero .dg-prop-hero-actions > a.dg-gold-button::after,
body[data-page="signals"] .dgs-final .dgs-actions > a.dgs-button-primary::after,
body[data-page="account"].logged-out #dge-member-welcome .dge-lic-card > a.dge-lic-btn::after {
	position: absolute;
	top: -70%;
	bottom: -70%;
	left: -46%;
	width: 38%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.12) 22%,
		rgba(255, 248, 207, 0.72) 50%,
		rgba(255, 255, 255, 0.14) 78%,
		transparent 100%
	);
	content: "";
	filter: blur(0.35px);
	mix-blend-mode: soft-light;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-220%) rotate(18deg);
	z-index: 1;
}

.dg-header-actions > a.dg-gold-button.dg-gold-button-small:focus-visible,
#dg-mobile-menu > a.dg-gold-button:focus-visible,
body[data-page="home"] .dgv6-ctas > a.dgv6-btn-primary:focus-visible,
body[data-page="faq"] .dg-license-support-card > a.dg-gold-button:focus-visible,
body[data-page="reviews"] .dg-reviews-license-cta .dg-license-support-card > a.dg-gold-button:focus-visible,
body[data-page="prop"] .dg-prop-hero .dg-prop-hero-actions > a.dg-gold-button:focus-visible,
body[data-page="signals"] .dgs-final .dgs-actions > a.dgs-button-primary:focus-visible,
body[data-page="account"].logged-out #dge-member-welcome .dge-lic-card > a.dge-lic-btn:focus-visible {
	outline: 2px solid #fff0b0;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
	.dg-header-actions > a.dg-gold-button.dg-gold-button-small::after,
	#dg-mobile-menu > a.dg-gold-button::after,
	body[data-page="home"] .dgv6-ctas > a.dgv6-btn-primary::after,
	body[data-page="faq"] .dg-license-support-card > a.dg-gold-button::after,
	body[data-page="reviews"] .dg-reviews-license-cta .dg-license-support-card > a.dg-gold-button::after,
	body[data-page="prop"] .dg-prop-hero .dg-prop-hero-actions > a.dg-gold-button::after,
	body[data-page="signals"] .dgs-final .dgs-actions > a.dgs-button-primary::after,
	body[data-page="account"].logged-out #dge-member-welcome .dge-lic-card > a.dge-lic-btn::after {
		animation: dgPurchaseCtaShimmer 5.8s cubic-bezier(0.25, 0.65, 0.35, 1) 1.25s infinite;
		will-change: transform, opacity;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dg-header-actions > a.dg-gold-button.dg-gold-button-small::after,
	#dg-mobile-menu > a.dg-gold-button::after,
	body[data-page="home"] .dgv6-ctas > a.dgv6-btn-primary::after,
	body[data-page="faq"] .dg-license-support-card > a.dg-gold-button::after,
	body[data-page="reviews"] .dg-reviews-license-cta .dg-license-support-card > a.dg-gold-button::after,
	body[data-page="prop"] .dg-prop-hero .dg-prop-hero-actions > a.dg-gold-button::after,
	body[data-page="signals"] .dgs-final .dgs-actions > a.dgs-button-primary::after,
	body[data-page="account"].logged-out #dge-member-welcome .dge-lic-card > a.dge-lic-btn::after {
		animation: none;
		opacity: 0;
	}
}

@keyframes dgPurchaseCtaShimmer {
	0%,
	58% {
		opacity: 0;
		transform: translateX(-220%) rotate(18deg);
	}

	64% {
		opacity: 0.74;
	}

	82% {
		opacity: 0.62;
		transform: translateX(520%) rotate(18deg);
	}

	88%,
	100% {
		opacity: 0;
		transform: translateX(520%) rotate(18deg);
	}
}