.app-button{width:fit-content;font-family:var(--font-secondary);color:inherit;text-transform:uppercase;letter-spacing:.1em;white-space:normal;text-align:center;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.78rem;font-weight:700;display:inline-flex}@media (width>=1024px){.app-button{white-space:nowrap;padding:.85rem 1.75rem;font-size:.85rem}}.app-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;transition:all .4s cubic-bezier(.16,1,.3,1)}.app-button:disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.app-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-button--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), #0056b3);box-shadow:0 4px 15px #003f8726}.app-button--primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #0056b340}.app-button--primary:active{transform:translateY(0)}.app-button--outline{color:#fff;backface-visibility:hidden;-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 2px #0000001a;isolation:isolate;background:#ffffff14;border:1px solid #ffffff1a;transform:translateZ(0);box-shadow:0 4px 24px #0000000d}.app-button--outline:hover{color:#fff;background:#ffffff26;border-color:#fff3;transform:translateY(-3px);box-shadow:0 12px 40px #00000026}.app-button--secondary{color:var(--color-text-muted);background:var(--color-bg-light);border-color:var(--color-border)}.app-button--secondary:hover{color:var(--color-text-main);background:var(--color-border);transform:translateY(-2px)}.app-button--ghost{color:var(--color-text-muted);background:0 0;border:none}.app-button--ghost:hover{color:var(--color-primary);background:#003f870d}.app-button--sm{padding:.5rem 1rem;font-size:.75rem}.app-button--lg{padding:1.1rem 2.5rem;font-size:1rem}.app-button--icon-end{flex-direction:row-reverse}.app-button .app-button-icon{font-size:1.05em;line-height:1}.app-button .app-button-spinner{color:currentColor;border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite app-button-spin;display:inline-block}@keyframes app-button-spin{to{transform:rotate(360deg)}}