.pop{--pop-r:10px;--pop-line:#a95af5;--lift:6px;--mx:0;--my:0;position:relative;display:block;border-radius:var(--pop-r);text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;perspective:700px}.pop:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid var(--pop-line);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(169,90,245,.14) 5px 6px);box-shadow:0 0 12px rgba(169,90,245,.35),inset 0 0 10px rgba(169,90,245,.18);opacity:.8;pointer-events:none;transition:opacity .3s}.pop__face{position:relative;z-index:1;display:flex;align-items:center;height:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(196,140,255,.38),0 0 18px rgba(150,70,240,.28);transform:translate3d(calc(var(--mx) * 12px - var(--lift)),calc(var(--my) * 9px - var(--lift)),0) rotateX(calc(var(--my) * -12deg)) rotateY(calc(var(--mx) * 14deg));transition:transform .4s cubic-bezier(.2,.9,.3,1.35)}.pop__face:before{inset:0;z-index:2;border-radius:inherit;background:repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0 1px,transparent 1px 3px),linear-gradient(120deg,rgba(120,220,255,.1),transparent 40%,rgba(200,120,255,.14) 75%,transparent)}.pop__face:after,.pop__face:before{content:"";position:absolute;pointer-events:none}.pop__face:after{top:-30%;bottom:-30%;left:0;z-index:3;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32) 45%,rgba(214,168,255,.42) 55%,transparent);transform:translate3d(-150%,0,0) skewX(-18deg)}.pop__face>*{position:relative;z-index:4}.pop__face svg{filter:drop-shadow(0 0 4px rgba(190,120,255,.85))}.pop:hover{--lift:11px}.pop:hover:before{opacity:1}.pop:active{--lift:1px}.pop:active .pop__face{transition-duration:.08s}.pop:focus-visible{outline:2px solid #c796ff;outline-offset:5px}@media(prefers-reduced-motion:reduce){.pop__face{transition:none;animation:none}.pop__face:after{animation:none;opacity:0}}html[data-bm-theme=light] .pop{--pop-line:#8a4fc4}html[data-bm-theme=light] .pop__face:before{background:repeating-linear-gradient(180deg,rgba(120,60,180,.05) 0 1px,transparent 1px 3px)}.pop:hover .pop__face,.pop[data-shine] .pop__face{will-change:transform}.pop[data-shine] .pop__face{animation:pop-flicker 1.1s steps(1) 1,pop-hop 1.1s cubic-bezier(.34,1.56,.64,1) 1}.pop[data-shine] .pop__face:after{animation:pop-shine-once 1.1s ease-in-out 1}@keyframes pop-shine-once{0%{transform:translate3d(-150%,0,0) skewX(-18deg)}to{transform:translate3d(340%,0,0) skewX(-18deg)}}@keyframes pop-flicker{0%,to{opacity:1}30%{opacity:.8}36%{opacity:1}52%{opacity:.9}58%{opacity:1}}@keyframes pop-hop{0%,to{translate:0 0}40%{translate:0 -3px}}@media(prefers-reduced-motion:reduce){.pop[data-shine] .pop__face,.pop[data-shine] .pop__face:after{animation:none}}