@property --spec-angle{syntax:"<angle>";inherits:false;initial-value:137deg}@property --spec-glow{syntax:"<number>";inherits:false;initial-value:0}@property --btn-fill-a{syntax:"<color>";inherits:false;initial-value:transparent}@property --btn-fill-b{syntax:"<color>";inherits:false;initial-value:transparent}.btn{--spec-angle:137deg;--spec-glow:0;--btn-radius:var(--radius-pill);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--btn-radius);font-family:var(--font-text);font-weight:500;line-height:1;white-space:nowrap;user-select:none;isolation:isolate;cursor:pointer;transition:--btn-fill-a var(--dur-micro) var(--ease-inout),--btn-fill-b var(--dur-micro) var(--ease-inout),background-color var(--dur-micro) var(--ease-inout),box-shadow var(--dur-micro) var(--ease-inout),color var(--dur-micro) var(--ease-inout),transform var(--dur-micro) var(--ease-out)}.btn:disabled{pointer-events:none;opacity:.5}.btn:hover{transition-duration:var(--dur-base),var(--dur-base),var(--dur-base),var(--dur-base),var(--dur-base),var(--dur-micro)}.btn:active{transform:scale(.98);transition-duration:90ms}.btn:before{inset:0;z-index:0;padding:1px;background:conic-gradient(from var(--spec-angle) at 50% 50%,transparent 0deg,var(--spec-rim,rgb(255 255 255/.9)) 14deg,transparent 46deg,transparent 180deg,var(--spec-rim,rgb(255 255 255/.9)) 194deg,transparent 226deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--spec-glow) * .95)}.btn:after,.btn:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.btn:after{inset:-1px;z-index:-1;box-shadow:0 0 0 1px var(--spec-halo,transparent);opacity:calc(var(--spec-glow) * .6)}.btn svg,.btn>*{position:relative;z-index:1}.btn svg{flex:none;width:1.125em;height:1.125em}.btn--sm{height:2.625rem;padding-inline:1.125rem}.btn--md,.btn--sm{font-size:.9375rem}.btn--md{height:3rem;padding-inline:1.5rem}.btn--lg{height:3.375rem;padding-inline:1.75rem;font-size:1rem}.btn--primary{--spec-rim:rgb(255 255 255/0.95);--spec-halo:color-mix(in oklab,var(--accent-400) 55%,transparent);--btn-fill-a:var(--accent-500);--btn-fill-b:var(--accent-600);background:linear-gradient(180deg,var(--btn-fill-a) 0,var(--btn-fill-b) 100%);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.18),0 6px 18px -8px rgb(0 60 58/.55),0 1px 2px rgb(0 40 38/.2)}.btn--primary:hover{--btn-fill-a:var(--accent-400);--btn-fill-b:var(--accent-500);box-shadow:inset 0 1px 0 rgb(255 255 255/.22),0 12px 30px -10px rgb(0 60 58/.5),0 2px 4px rgb(0 40 38/.18)}.btn--secondary{--spec-rim:color-mix(in oklab,var(--accent-500) 70%,white);--spec-halo:rgb(255 255 255/0.9);background:rgb(255 255 255/.92);color:var(--fg-primary);box-shadow:inset 0 1px 0 rgb(255 255 255/.9),0 0 0 1px rgb(10 30 34/.05),0 4px 14px -6px rgb(10 30 34/.18)}.btn--secondary:hover{background:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.9),0 0 0 1px rgb(10 30 34/.06),0 10px 24px -8px rgb(10 30 34/.2)}.btn--ghost{--spec-rim:rgb(255 255 255/0.85);--spec-halo:rgb(255 255 255/0.7);background:rgb(255 255 255/.5);color:var(--fg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{background:rgb(255 255 255/.8);color:var(--fg-primary)}.btn--dark{--spec-rim:rgb(255 255 255/0.85);--spec-halo:rgb(255 255 255/0.25);--btn-fill-a:#12292b;--btn-fill-b:#0a1c1e;background:linear-gradient(180deg,var(--btn-fill-a) 0,var(--btn-fill-b) 100%);color:var(--fg-on-dark);box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 8px 24px -10px rgb(0 0 0/.5)}.btn--dark:hover{--btn-fill-a:#1a3639;--btn-fill-b:#0f2325}.btn--link{height:auto;padding:0;background:none;color:var(--accent-700);text-decoration:underline;text-underline-offset:4px}.btn--link:after,.btn--link:before{display:none}.btn--link:active,.btn--link:hover{color:var(--accent-500);transform:none}@media (prefers-reduced-motion:reduce){.btn:after,.btn:before{display:none}.btn:active,.btn:hover{transform:none}}