.button{border-radius:var(--radius-pill);min-height:42px;font-size:var(--text-sm);letter-spacing:-.005em;white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform .16s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:560;line-height:1;display:inline-flex}.button svg{transition:transform var(--dur) var(--ease);flex:none}.button:active,.button:hover:active{transform:scale(.98)}.button-lg{min-height:48px;font-size:var(--text-base);padding:0 22px}.button-primary{background:var(--action);color:var(--on-action);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-sm)}@supports (color:lab(0% 0 0)){.button-primary{box-shadow:inset 0 1px 0 lab(100% 0 0/.12), var(--shadow-sm)}}.button-primary:hover{background:var(--action-hover);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-md);transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.button-primary:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.12), var(--shadow-md)}}.button-primary:hover svg{transform:translate(2px)}.button-secondary{background:var(--paper);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.button-secondary:hover{border-color:var(--ink-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-ghost{color:var(--ink)}.button-ghost:hover{background:var(--mist-2)}.button[aria-disabled=true],.button:disabled{cursor:not-allowed;opacity:.55}