.wormhole{display:inline-flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:0;color:inherit;text-decoration:none;cursor:pointer}.wormhole-portal{position:relative;width:140px;height:140px;display:grid;place-items:center}.wormhole-core{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#8a6227ad,#3a5a404d 42%,#08080af5 74%);box-shadow:0 0 46px #8a622766,inset 0 0 30px #08080aeb;transition:box-shadow .3s var(--ease-out-soft)}.wormhole-spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(138,98,39,.7);animation:wormhole-spin 9s linear infinite}.wormhole-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid rgba(138,98,39,.8);opacity:0;animation:wormhole-pull 3.4s ease-in infinite}.wormhole:hover .wormhole-core{box-shadow:0 0 72px #8a6227b8,inset 0 0 30px #08080aeb}.wormhole:focus-visible{outline:none}.wormhole:focus-visible .wormhole-core{box-shadow:0 0 0 3px var(--accent-2),0 0 60px #8a622799}.wormhole-label{font-family:var(--mono);font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.wormhole-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.4px;opacity:.62}@keyframes wormhole-spin{to{transform:rotate(360deg)}}@keyframes wormhole-pull{0%{transform:scale(1);opacity:0}12%{opacity:.8}to{transform:scale(.06);opacity:0}}@media (prefers-reduced-motion: reduce){.wormhole-spin{animation:none}.wormhole-ring{animation:none;opacity:.25}}