/* Primary CTA: periodic satin shine and an expanding hover light. */
button.primary{position:relative}
button:is([data-name^="Кнопка /"],.primary){isolation:isolate;overflow:hidden;transition:translate .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .2s ease}
button:is([data-name^="Кнопка /"],.primary)::before,
button:is([data-name^="Кнопка /"],.primary)::after{content:"";position:absolute;pointer-events:none;z-index:-1}
button:is([data-name^="Кнопка /"],.primary)::before{inset:-60% -100%;background:linear-gradient(110deg,transparent 42%,#ffffff08 46%,#ffffff55 50%,#ffffff08 54%,transparent 58%);transform:translateX(-65%);animation:cta-shine 6.5s ease-in-out infinite}
button:is([data-name^="Кнопка /"],.primary)::after{width:150%;aspect-ratio:1;left:-25%;top:50%;border-radius:50%;background:radial-gradient(circle,#ee526b 0%,#ce2742 45%,#ce274200 70%);opacity:0;transform:translateY(-50%) scale(.1);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .4s ease}
@keyframes cta-shine{0%,64%{transform:translateX(-65%)}88%,100%{transform:translateX(65%)}}
@media(hover:hover) and (pointer:fine){
button:is([data-name^="Кнопка /"],.primary):not(:disabled):hover{translate:0 -3px;filter:none;box-shadow:0 9px 24px #a9122a30,inset 0 0 0 1px #ffffff33}
button:is([data-name^="Кнопка /"],.primary):not(:disabled):hover::after{opacity:.7;transform:translateY(-50%) scale(1)}
button:is([data-name^="Кнопка /"],.primary):not(:disabled):active{translate:0 0;box-shadow:0 2px 8px #a9122a25;filter:brightness(.95)}
}
button:is([data-name^="Кнопка /"],.primary):disabled::before,
button:is([data-name^="Кнопка /"],.primary):disabled::after{display:none}
@media(prefers-reduced-motion:reduce){
button:is([data-name^="Кнопка /"],.primary){transition:none;translate:none!important}
button:is([data-name^="Кнопка /"],.primary)::before,
button:is([data-name^="Кнопка /"],.primary)::after{display:none}
}