.fd3d{position:relative;width:3.5rem;height:3.5rem;display:block;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:perspective(260px) rotateX(16deg) rotateY(-20deg);transform-origin:50% 60%;transition:transform .14s ease,filter .14s ease;outline:none;animation:fd3d-arrive 1.35s cubic-bezier(.33,0,.66,1) var(--fd-delay,.1s) 1 both}.fd3d-face{position:absolute;inset:0;border-radius:1rem;display:flex;align-items:center;justify-content:center;pointer-events:none;background:var(--fd-bg);box-shadow:inset 2px 2px 1px #ffffffb3,inset -2px -3px 2px #00000059,inset 0 0 0 3px #ffffff14,.7px 1px 0 var(--fd-edge),1.4px 2px 0 var(--fd-edge),2.1px 3px 0 var(--fd-edge),2.8px 4px 0 var(--fd-edge),3.5px 5px 0 var(--fd-edge),4.2px 6px 0 var(--fd-edge),4.9px 7px 0 var(--fd-edge),5.6px 8px 0 var(--fd-edge),6.3px 9px 0 var(--fd-edge),-6px 22px 18px #00000059;transition:transform .14s ease,box-shadow .14s ease}.fd3d-face:before{content:"";position:absolute;inset:5px;border-radius:.7rem;background:linear-gradient(145deg,#fff6,#fff0 45%,#0000002e);box-shadow:inset 0 0 0 1px #ffffff40,inset 1px 1px 3px #00000040}.fd3d-icon{position:relative;display:flex;color:#fff;transform:translate(-1px,-2px);filter:drop-shadow(1px 1px 0 rgba(0,0,0,.35)) drop-shadow(2px 2px 0 rgba(0,0,0,.3)) drop-shadow(3px 4px 2px rgba(0,0,0,.35))}.fd3d:hover{filter:brightness(1.07)}.fd3d:active .fd3d-face{transform:translate(5px,8px);box-shadow:inset 2px 2px 1px #ffffff80,inset -2px -3px 2px #0000004d,1px 1px 0 var(--fd-edge),-2px 6px 6px #00000059}.fd3d:focus-visible{animation:none;outline:3px solid #fff;outline-offset:6px;box-shadow:0 0 0 6px #0070c0;border-radius:1.2rem}.fd3d-ig{--fd-bg:radial-gradient(circle at 30% 110%,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);--fd-edge:#7d0f4d}.fd3d-wa{--fd-bg:linear-gradient(160deg,#3be07f,#1ba94f);--fd-edge:#0f6b31}.fd3d-call{--fd-bg:linear-gradient(160deg,#2b9aeb,#0062ad);--fd-edge:#00396b}.fd3d-ig{--fd-from-x:-62vw;--fd-from-y:-48vh;--fd-turn:-24deg;--fd-delay:.1s}.fd3d-wa{--fd-from-x:-30vw;--fd-from-y:-62vh;--fd-turn:20deg;--fd-delay:.28s}.fd3d-call{--fd-from-x:-7vw;--fd-from-y:-76vh;--fd-turn:-15deg;--fd-delay:.46s}@keyframes fd3d-arrive{0%{transform:translate(var(--fd-from-x),var(--fd-from-y)) perspective(260px) rotateX(16deg) rotateY(-20deg) rotate(var(--fd-turn));animation-timing-function:cubic-bezier(.45,0,.8,.55)}72%{transform:translateY(7px) perspective(260px) rotateX(16deg) rotateY(-20deg) rotate(3deg);animation-timing-function:ease-out}86%{transform:translateY(-9px) perspective(260px) rotateX(16deg) rotateY(-20deg) rotate(-2deg);animation-timing-function:ease-in-out}to{transform:translate(0) perspective(260px) rotateX(16deg) rotateY(-20deg) rotate(0)}}@media(prefers-reduced-motion:reduce){.fd3d{animation:none}.fd3d,.fd3d-face{transition:none}}