.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--btn-radius, 0);padding:8px 16px;font-size:14px;font-variation-settings:"opsz" 32,"wght" 580;letter-spacing:-.02em;line-height:1;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:12px;font-variation-settings:"opsz" 32,"wght" 540}.btn-lg{padding:12px 24px;font-size:15px}.btn-highlight{background-color:var(--accent);color:var(--background)}.btn-highlight:hover{color:var(--background)}.btn-highlight-outline,.btn-outline{background-color:transparent;color:var(--accent);border-color:var(--accent)}.btn-highlight-outline:hover,.btn-outline:hover{color:var(--accent)}.btn-light{background-color:var(--layer);color:var(--foreground);border-color:var(--border)}.btn-light:hover{color:var(--foreground)}.btn-secondary,.btn-dark{background-color:transparent;color:var(--foreground);border-color:var(--border)}.btn-secondary:hover,.btn-dark:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--foreground) 35%,transparent)}.btn-caps-stripe{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;font-family:var(--font-mono);font-size:11px;font-variation-settings:"wght" 560;letter-spacing:var(--kicker-tracking-tight);text-transform:uppercase;border-radius:0;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1;position:relative;transition:opacity .15s}.btn-caps-stripe span{font-family:inherit;font-variation-settings:inherit}.btn-caps-stripe:hover{opacity:.8}.btn-caps-stripe:disabled{opacity:.4;cursor:not-allowed}.btn-caps-stripe-primary{background-color:transparent;color:var(--foreground);background-image:repeating-linear-gradient(119deg,color-mix(in srgb,var(--foreground) 20%,transparent) 0px,color-mix(in srgb,var(--foreground) 20%,transparent) 1px,transparent 1px,transparent 5px);isolation:isolate;transition:color .2s ease .15s}.btn-caps-stripe-primary:hover{color:var(--background);opacity:1}.btn-caps-stripe-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--foreground);clip-path:polygon(-1% 0%,-1% 0%,-100% 100%,-1% 100%);transition:clip-path .4s cubic-bezier(.25,0,0,1);z-index:-1;pointer-events:none}.btn-caps-stripe-primary:hover:after{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%)}.btn-caps-stripe-primary:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:linear-gradient(to right,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to right,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to bottom,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to bottom,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px));background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;pointer-events:none;z-index:2;transition:inset .25s cubic-bezier(.25,0,0,1),opacity .3s ease}.btn-caps-stripe-primary:hover:before{top:-3px;right:-3px;bottom:-3px;left:-3px}.btn-caps-stripe-primary:active:before{top:3px;right:3px;bottom:3px;left:3px;transition-duration:.12s}.btn-caps-stripe-secondary{background:transparent;color:var(--foreground)}.btn-caps-stripe-secondary:hover{color:var(--foreground);opacity:.8}.btn-caps-stripe-framed{background-color:transparent;color:var(--foreground);background-image:repeating-linear-gradient(119deg,color-mix(in srgb,var(--foreground) 10%,transparent) 0px,color-mix(in srgb,var(--foreground) 10%,transparent) 1px,transparent 1px,transparent 5px);isolation:isolate;transition:color .2s ease .15s}.btn-caps-stripe-framed:hover{color:var(--background);opacity:1}.btn-caps-stripe-framed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--foreground);clip-path:polygon(-1% 0%,-1% 0%,-100% 100%,-1% 100%);transition:clip-path .4s cubic-bezier(.25,0,0,1);z-index:-1;pointer-events:none}.btn-caps-stripe-framed:hover:after{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%)}.btn-caps-stripe-framed:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:linear-gradient(to right,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to right,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to bottom,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px)),linear-gradient(to bottom,var(--foreground) 8px,transparent 8px,transparent calc(100% - 8px),var(--foreground) calc(100% - 8px));background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;pointer-events:none;z-index:2;transition:inset .25s cubic-bezier(.25,0,0,1)}.btn-caps-stripe-framed:hover:before{top:-3px;right:-3px;bottom:-3px;left:-3px}.btn-caps-stripe-framed:active:before{top:3px;right:3px;bottom:3px;left:3px;transition-duration:.12s}