.button-lg{height:56px;padding:16px 24px}.button-md{height:48px;padding:12px 24px}.button-sm{height:40px;padding:10px 16px}.button-xs{height:24px;padding:4px 12px}.button-primary{cursor:pointer;background-color:var(--brand-primary);border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex}.button-primary:disabled,.button-primary:disabled>span{opacity:.56}.button-primary:hover:not([disabled]),.button-primary>span{opacity:.56;transition:opacity .3s}.button-primary:active:not([disabled]),.button-primary>span{opacity:1;color:var(--text-200);transition:color .3s,opacity .3s}.button-outline{cursor:pointer;border:1px solid;border-color:var(--border-control);background-color:var(--background-card);border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex}.button-outline:disabled,.button-outline:disabled>span{opacity:.56}.button-outline:hover:not([disabled]){background-color:var(--border-primary);border-color:var(--brand-primary);transition:border-color .3s,background-color .3s}.button-outline:hover:not([disabled])>span{background-color:#0000;transition:background-color .3s}.button-outline:active:not([disabled]),.button-outline>span{background-color:var(--background-card);border-color:var(--brand-primary);transition:border-color .3s,background-color .3s}.button-tab{cursor:pointer;border:none;border-color:var(--border-control);background-color:#0000;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 24px;transition:border-color .3s,background-color .3s;display:flex}.button-tab:disabled,.button-tab:disabled>span{opacity:.56}.button-tab:hover:not([disabled]){background-color:var(--border-primary);border-color:var(--brand-primary)}.button-tab:hover:not([disabled])>span{color:var(--brand-primary)}.button-tab:active:not([disabled]){border-color:var(--brand-primary);background-color:#0000}.button-tab:active:not([disabled])>span{color:var(--brand-primary)}.button-status{cursor:pointer;background-color:var(--background-card);border:1px solid;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 24px;display:flex}.button-status-success{border-color:var(--success)}.button-status-success:hover:not([disabled]),.button-status-success>span{opacity:.56;transition:opacity .3s}.button-status-success:active:not([disabled]),.button-status-success>span{opacity:1;color:var(--success-rgba);transition:color .3s,opacity .3s}.button-status-success>span{color:var(--success)}.button-status-critical{border-color:var(--critical)}.button-status-critical:hover:not([disabled]),.button-status-critical>span{opacity:.56;transition:opacity .3s}.button-status-critical:active:not([disabled]),.button-status-critical>span{opacity:1;color:var(--critical-rgba);transition:color .3s,opacity .3s}.button-status-critical>span{color:var(--critical)}