.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), box-shadow var(--transition);border:none;padding:0 20px;font-weight:600;display:flex}.base-button:hover:not(:disabled){background-image:linear-gradient(#ffffff14,#ffffff14)}.base-button:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--focus-ring);outline:none}.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)}