.btn{cursor:pointer;font-family:inherit;font-weight:var(--ctl-weight,800);letter-spacing:var(--ctl-tracking,.04em);border-radius:var(--ctl-radius,var(--r-pill));white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{background:var(--fill-3);color:var(--ink-45);box-shadow:none;opacity:1;cursor:default;border-color:#0000}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn--sm{font-size:var(--fs-12);padding:var(--ctl-pad-sm,7px 16px)}.btn--md{font-size:var(--fs-13);padding:var(--ctl-pad-md,10px 22px)}.btn--lg{font-size:var(--fs-15);padding:var(--ctl-pad-lg,13px 30px)}.btn--primary{background:var(--brand-cta);color:var(--on-brand)}.btn--primary:not(:disabled):hover{background:var(--brand-hover)}.btn--secondary{background:var(--fill-4);color:var(--text)}.btn--secondary:not(:disabled):hover{background:var(--fill-5)}.btn--ghost{border:1.5px solid var(--ink-6);color:var(--ink-85);background:0 0}.btn--ghost:not(:disabled):hover{background:var(--fill-4);border-color:var(--text);color:var(--text)}.ui2 .btn--primary:not(:disabled):hover,.ui2 .btn--secondary:not(:disabled):hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}
