.button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);height:40px;color:var(--ink);white-space:nowrap;cursor:pointer;padding:0 16px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--hairline-hover)}.button.small{height:34px;padding:0 13px}.button.primary{background:var(--anthracite);border-color:var(--anthracite);color:var(--surface);font-weight:600}.button.primary:hover{background:var(--anthracite-hover)}.button.plain{color:var(--ink-muted);background:0 0;border-color:#0000}.button.plain:hover{background:var(--stone-soft);color:var(--ink)}.button:disabled{opacity:.42;cursor:not-allowed}.blackbox .button,.toast .button{background:var(--surface);border-color:var(--surface);color:var(--ink)}.blackbox .button.ghost,.toast .button.ghost{border-color:var(--on-black-line);color:var(--surface);background:0 0}.blackbox .button.ghost:hover,.toast .button.ghost:hover{border-color:var(--on-black-muted)}.symbol{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.symbol:hover{background:var(--stone);color:var(--ink)}