.button{--button-radius:8px;--button-border-width:1px;--button-gap:8px;--button-icon-size:20px;--button-transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, opacity .2s ease;all:unset;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--button-gap);border-radius:var(--button-radius);border:var(--button-border-width) solid;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:100%;transition:var(--button-transition);font:inherit;font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);line-height:var(--lh-subtitle);display:inline-flex;position:relative}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button__icon.material-symbols-outlined{width:var(--button-icon-size);height:var(--button-icon-size);font-size:var(--button-icon-size);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.button--md{--button-icon-size:20px;--button-gap:8px;min-height:40px;padding:8px 12px}.button--lg{--button-icon-size:24px;--button-gap:8px;min-height:48px;padding:12px 16px}.button--lg .button__icon.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.button--primary{background-color:var(--color-sub);border-color:var(--color-inactive);color:var(--color-title)}.button--primary.button--selected,.button--primary:hover:not(:disabled),.button--primary:active:not(:disabled){background-color:var(--color-background)}.button--accent{background-color:var(--color-accent);border-color:var(--color-accent-stroke);color:var(--color-accent-title)}.button--accent:hover:not(:disabled),.button--accent:active:not(:disabled){background-color:var(--color-accent)}.button:disabled{opacity:.5;cursor:not-allowed}.button__label{align-items:center;min-width:0;display:inline-flex}@media (max-width:720px){.button{white-space:normal}}@media (prefers-reduced-motion:reduce){.button{transition:none}}