.btn{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:var(--button-height);padding-inline:var(--button-padding-x);border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--type-button);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast);border:1px solid #0000;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-button-primary);color:var(--color-surface)}.btn--primary:hover{background:var(--color-button-primary-hover)}.btn--promo{background:var(--color-button-promo);color:var(--color-surface)}.btn--promo:hover{background:var(--color-button-promo-hover)}.btn--secondary{color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border);background:0 0}.btn--secondary:hover{background:var(--color-button-secondary-hover-bg)}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-border);color:var(--color-muted);cursor:not-allowed;border-color:#0000}.btn-thread{position:relative}.btn-thread>span{z-index:1;position:relative}.thread{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--motion-fast);position:absolute;inset:0;overflow:visible}:is(.btn-thread:hover .thread,.btn-thread:focus-visible .thread){opacity:1}.btn-thread:disabled .thread,.btn-thread[aria-disabled=true] .thread{opacity:0!important}:is(.btn--secondary.btn-thread:hover,.btn--secondary.btn-thread:focus-visible){border-color:#0000}.thread rect{x:2.5px;y:2.5px;rx:5.5px;fill:none;stroke-linecap:butt;width:calc(100% - 5px);height:calc(100% - 5px)}.thread .shade{stroke:color-mix(in oklab, currentColor 50%, black);opacity:.3;transform:translateY(.9px)}.thread .floss{stroke:currentColor}.thread .shade,.thread .floss{stroke-width:2.6px;stroke-dasharray:9 6}.thread .reveal{stroke:#fff;stroke-width:10px;stroke-dasharray:1800 1800;stroke-dashoffset:0}@keyframes sew{0%{stroke-dashoffset:1800px}}@media (prefers-reduced-motion:no-preference){:is(.btn-thread:hover .reveal,.btn-thread:focus-visible .reveal){animation:2.88s steps(120,start) sew}}