@layer components{.u002{--bg:#070e1e;--fg:#fff;--blob:linear-gradient(135deg,#0054a6,#0072ce 60%,#1d6fb8);--vong:28px;--tam:36px;place-items:center;display:inline-grid;position:relative}.u002-sang{--bg:#fff;--fg:#0054a6;--blob:linear-gradient(135deg,#070e1e,#0d1729 58%,#172554)}.u002-mag{transition:translate .9s var(--ux-spring)}.u002-btn{background:var(--bg);height:76px;color:var(--fg);isolation:isolate;box-shadow:0 24px 40px -24px #070e1e99,0 0 0 1px color-mix(in srgb,var(--fg) 8%,transparent);transition:transform .6s var(--ux-spring),box-shadow .6s var(--ux-ease);border:0;border-radius:999px;align-items:center;gap:16px;padding:0 8px 0 32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.u002-btn:hover{box-shadow:0 30px 52px -22px #0054a6b3,0 0 0 1px #0000}.u002-sang .u002-btn:hover{box-shadow:0 28px 48px -18px #070e1ebf,0 0 0 1.5px #ffffff52}.u002-btn:active{transform:scale(.96)}.u002-btn:focus-visible{outline:2px solid var(--ux-accent);outline-offset:5px}.u002-fill{z-index:-1;background:var(--blob);clip-path:circle(var(--vong) at calc(100% - var(--tam)) 50%);transition:clip-path .8s var(--ux-ease);position:absolute;inset:0}.u002-btn:hover .u002-fill,.u002-btn:focus-visible .u002-fill{clip-path:circle(160% at calc(100% - var(--tam)) 50%)}.u002-txt{letter-spacing:-.03em;white-space:nowrap;transition:translate .7s var(--ux-spring),color .5s var(--ux-ease);padding:4px 0;font-size:19px;font-weight:700;position:relative;overflow:hidden}.u002-btn:hover .u002-txt{color:#fff}.u002-txt span{transition:transform .6s var(--ux-spring),opacity .35s var(--ux-ease);display:block}.u002-txt span+span{opacity:0;position:absolute;top:4px;left:0;transform:translateY(130%)}.u002[data-state=go] .u002-txt span:first-child{opacity:0;transform:translateY(-130%)}.u002[data-state=go] .u002-txt span+span{opacity:1;transform:none}.u002-orb{color:#fff;width:56px;height:56px;transition:translate .7s var(--ux-spring);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.u002-orb svg{stroke-width:2.4px;width:22px;height:22px;position:absolute}.u002-orb svg:last-child{transform:translate(-46px)}.u002[data-state=go] .u002-orb svg:first-child{animation:u002-out .55s var(--ux-ease) forwards}.u002[data-state=go] .u002-orb svg:last-child{animation:u002-in .6s var(--ux-spring) .28s forwards}@keyframes u002-out{to{transform:translate(46px)}}@keyframes u002-in{to{transform:none}}.u002-glow{background:var(--blob);filter:blur(36px);opacity:0;z-index:-1;width:300px;height:110px;transition:opacity .7s var(--ux-ease);pointer-events:none;border-radius:50%;margin:-40px 0 0 -150px;position:absolute;top:50%;left:50%}.u002:hover .u002-glow{opacity:.45}@media (max-width:639.98px){.u002{--vong:22px;--tam:30px}.u002-btn{gap:12px;height:60px;padding:0 8px 0 24px}.u002-txt{font-size:16px}.u002-orb{width:44px;height:44px}.u002-glow{width:240px;margin:-40px 0 0 -120px}}}
