.button{background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}.button:hover{border-color:var(--primary-hover);color:var(--text-main);background-color:var(--bg-surface-hover)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button:active{transform:scale(.95)}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{background-color:var(--bg-surface);border-color:#0000}.button.active{background-color:var(--primary);color:var(--text-inverse);font-weight:700}.button.active:hover{background-color:var(--primary-hover)}.danger-button{background-color:var(--error-bg)}.danger-button:hover{background-color:var(--error-bg);border-color:var(--error)}.danger-button:active{background-color:var(--error)}