@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:#0000}@property --btn-fill-b{syntax:"<color>";inherits:false;initial-value:#0000}.btn{--spec-angle:137deg;--spec-glow:0;--btn-radius:var(--radius-pill);border-radius:var(--btn-radius);font-family:var(--font-text);white-space:nowrap;-webkit-user-select:none;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);justify-content:center;align-items:center;gap:.5rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.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{transition-duration:90ms;transform:scale(.98)}.btn:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--spec-angle) at 50% 50%, transparent 0deg, var(--spec-rim,#ffffffe6) 14deg, transparent 46deg, transparent 180deg, var(--spec-rim,#ffffffe6) 194deg, transparent 226deg, transparent 360deg);-webkit-mask-composite:xor;opacity:calc(var(--spec-glow) * .95);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 0 1px var(--spec-halo,transparent);opacity:calc(var(--spec-glow) * .6);pointer-events:none;position:absolute;inset:-1px}.btn>*{z-index:1;position:relative}.btn svg{z-index:1;flex:none;width:1.125em;height:1.125em;position:relative}.btn--sm{height:2.625rem;padding-inline:1.125rem;font-size:.9375rem}.btn--md{height:3rem;padding-inline:1.5rem;font-size:.9375rem}.btn--lg{height:3.375rem;padding-inline:1.75rem;font-size:1rem}.btn--primary{--spec-rim:#fffffff2;--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 #ffffff2e,0 6px 18px -8px #003c3a8c,0 1px 2px #00282633}.btn--primary:hover{--btn-fill-a:var(--accent-400);--btn-fill-b:var(--accent-500);box-shadow:inset 0 1px #ffffff38,0 12px 30px -10px #003c3a80,0 2px 4px #0028262e}.btn--secondary{--spec-rim:color-mix(in oklab, var(--accent-500) 70%, white);--spec-halo:#ffffffe6;color:var(--fg-primary);background:#ffffffeb;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0a1e220d,0 4px 14px -6px #0a1e222e}.btn--secondary:hover{background:#fff;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0a1e220f,0 10px 24px -8px #0a1e2233}.btn--ghost{--spec-rim:#ffffffd9;--spec-halo:#ffffffb3;color:var(--fg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80}.btn--ghost:hover{color:var(--fg-primary);background:#fffc}.btn--dark{--spec-rim:#ffffffd9;--spec-halo:#ffffff40;--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 #ffffff1a,0 8px 24px -10px #00000080}.btn--dark:hover{--btn-fill-a:#1a3639;--btn-fill-b:#0f2325}.btn--link{height:auto;color:var(--accent-700);text-underline-offset:4px;background:0 0;padding:0;text-decoration:underline}.btn--link:before,.btn--link:after{display:none}.btn--link:hover,.btn--link:active{color:var(--accent-500);transform:none}@media (prefers-reduced-motion:reduce){.btn:before,.btn:after{display:none}.btn:hover,.btn:active{transform:none}}