/* Reflection sweep: fast diagonal glint followed by a quiet pause. */
.reference-replica .r-button,
.reference-replica #exit-offer .exit-cta,
.reference-replica #quiz .primary{position:relative;overflow:hidden;isolation:isolate}
.reference-replica .r-button::after,
.reference-replica #exit-offer .exit-cta::after,
.reference-replica #quiz .primary::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.18) 44%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.18) 56%,transparent 62%);
 transform:translateX(-110%);animation:df-button-reflection 5s ease-in-out infinite;
}
@keyframes df-button-reflection{0%{transform:translateX(-110%)}36%,100%{transform:translateX(110%)}}
.reference-replica .r-button,
.reference-replica #exit-offer .exit-cta,
.reference-replica #quiz .primary{animation:df-button-glow 2.8s ease-in-out infinite}
@keyframes df-button-glow{0%,100%{box-shadow:0 5px 15px #20163333}50%{box-shadow:0 6px 18px #2016333d,0 0 26px #da3f9673}}
.reference-replica #exit-offer .exit-cta{transition:transform .3s ease,background-color .3s ease}
@media(hover:hover){.reference-replica #exit-offer .exit-cta:hover{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){
 .reference-replica .r-button::after,.reference-replica #exit-offer .exit-cta::after,.reference-replica #quiz .primary::after{animation:none;display:none}
 .reference-replica .r-button,.reference-replica #exit-offer .exit-cta,.reference-replica #quiz .primary{animation:none}
 .reference-replica #exit-offer .exit-cta{transition:none}
 .reference-replica #exit-offer .exit-cta:hover{transform:none}
}
