.JrF-va_button{--padding:11px 1.5rem;--gap:10px;--transition:.4s cubic-bezier(.16, 1, .3, 1);white-space:nowrap;color:rgb(var(--cl-white));gap:var(--gap);border-radius:1000px;align-items:center;font-size:14px;font-weight:500;line-height:1;transition:background-image .15s,border .15s,color .15s,opacity .15s,transform .2s,box-shadow .2s,background-color;display:inline-flex;position:relative;overflow:hidden;transform:translate(0,0)}.JrF-va_button:active{transform:scale(.98)}.JrF-va_button.JrF-va_outline,.JrF-va_button.JrF-va_fill{padding:var(--padding)}:is(.JrF-va_button.JrF-va_outline,.JrF-va_button.JrF-va_fill):hover{opacity:.7}.JrF-va_button.JrF-va_base{margin:-12px;padding:12px;font-weight:500}.JrF-va_button.JrF-va_base:hover{opacity:.7}.JrF-va_button.JrF-va_fill-circle{padding:6px 22px 6px 7px}.JrF-va_button.JrF-va_fill-circle.JrF-va_size--sm{padding:4px 16px 4px 5px}.JrF-va_button.JrF-va_fill-circle{background-color:rgb(var(--cl-foreground));color:rgb(var(--cl-backdrop));gap:14px;box-shadow:0 2px 8px #00000026,0 0 #30b4ff00}.JrF-va_button.JrF-va_fill-circle:hover{box-shadow:0 4px 24px #30b4ff59,0 0 40px #30b4ff26,0 2px 8px #00000026}.JrF-va_button.JrF-va_fill-circle:active{box-shadow:0 2px 16px #30b4ff4d,0 2px 8px #00000026}.JrF-va_button.JrF-va_outline{color:rgb(var(--cl-foreground));border:1px solid rgb(var(--cl-foreground))}.JrF-va_button.JrF-va_fill{background-color:rgb(var(--cl-foreground));color:rgb(var(--cl-backdrop))}.JrF-va_button .JrF-va_clip{clip-path:inset(6px calc(100% - 44px) 6px 7px round 1000px);background:var(--cl-blue-gradient);z-index:2;transition:clip-path var(--transition);will-change:clip-path;border-radius:1000px;align-items:center;gap:14px;padding:7px 7px 7px 8px;display:inline-flex;position:absolute;inset:-1px}.JrF-va_button svg{transition:transform var(--transition)}.JrF-va_button:hover .JrF-va_clip{clip-path:inset(0 round 1000px)}.JrF-va_button:hover svg{transform:translate(4px)}