.base-button{justify-content:center;align-items:center;gap:var(--s-8);height:var(--control-h);color:var(--text-on-brand);background-color:var(--accent);font-size:var(--t-14);border-radius:var(--radius-m);cursor:pointer;width:100%;transition:background-color var(--transition), border-color var(--transition);border:1px solid #0000;padding:0 20px;font-weight:600;display:flex}.base-button:hover:not(:disabled){background-image:linear-gradient(#ffffff14,#ffffff14)}.base-button:focus-visible,.base-button.danger:focus-visible{border-color:var(--text-on-brand)}.base-button.secondary:focus-visible{border-color:var(--border-focus)}.base-button:disabled{background-color:var(--surface-sunken);color:var(--text-faint);cursor:not-allowed;background-image:none}.base-button.secondary{background-color:var(--surface-hover);color:var(--text)}.base-button.secondary:hover:not(:disabled){background-color:var(--border);background-image:none}.base-button.danger{background-color:var(--error);color:var(--text-on-brand)}