.btn-holofoil{--holo-pearl: #f5f6fb;--holo-cyan: #6fe3ff;--holo-sapphire: #6c93ff;--holo-violet: #b48bff;--holo-magenta: #ff8ae2;--holo-emerald: #6fe3b8;position:relative;isolation:isolate;overflow:hidden;background:#18191f;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff0f,0 0 20px #6c93ff1a,0 0 32px #b48bff14;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.btn-holofoil,.btn-holofoil:before{border-radius:14px}.btn-holofoil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(120deg,var(--holo-pearl),var(--holo-cyan),var(--holo-sapphire),var(--holo-violet),var(--holo-magenta),var(--holo-emerald),var(--holo-pearl));background-size:240% 240%;background-position:0% 50%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s ease,background-position .55s ease;pointer-events:none;z-index:1}.btn-holofoil:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none;z-index:2}.btn-holofoil>*{position:relative;z-index:3}.btn-holofoil:hover,.btn-holofoil:focus-visible{transform:translateY(-3px);box-shadow:0 18px 34px #00000080,inset 0 1px #ffffff1a,0 0 32px #6fe3ff38,0 0 48px #b48bff2e,0 0 64px #ff8ae21f;border-color:#ffffff4d}.btn-holofoil:hover:before,.btn-holofoil:focus-visible:before{opacity:1;background-position:100% 50%}.btn-holofoil:hover:after,.btn-holofoil:focus-visible:after{left:135%}.btn-holofoil:active{transform:translateY(-1px) scale(.985);box-shadow:0 8px 16px #0006,inset 0 1px #ffffff0f}.btn-holofoil:active:before{opacity:.4}@media(hover:none){.btn-holofoil:before{opacity:.7}.btn-holofoil:active{transform:scale(.97);box-shadow:0 6px 14px #0006,inset 0 1px #ffffff0f}.btn-holofoil:active:before{opacity:.9}}@media(prefers-reduced-motion:reduce){.btn-holofoil,.btn-holofoil:before,.btn-holofoil:after{transition:none!important}.btn-holofoil:hover,.btn-holofoil:active{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button-holofoil.css.map */