.app-button{background:var(--button-bg);color:var(--button-text);cursor:pointer;will-change:transform;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:400;transition:transform .12s,background-color .12s,box-shadow .12s,opacity .12s;display:inline-flex}.app-button.primary{background:var(--button-bg)!important;color:#fff!important}.app-button.outlined{background:0 0;border:1px solid var(--button-secondary)!important;color:var(--button-secondary)!important}.app-button.error{background:0 0;border:1px solid var(--button-error)!important;color:var(--button-error)!important}.app-button:hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb, var(--button-bg) 18%, transparent);transform:scale(1.02)}.app-button:active:not(:disabled){transform:scale(.98)}.app-button:disabled{opacity:.6;cursor:not-allowed}