.app-btn{align-items:center;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.app-btn:focus{outline:2px solid transparent;outline-offset:2px}.app-btn:disabled{cursor:not-allowed;opacity:.5}.app-btn--primary{background-color:#2563eb;border-color:#2563eb;color:#fff}.app-btn--primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.app-btn--secondary{background-color:#0f172a;border-color:#0f172a;color:#fff}.app-btn--secondary:hover:not(:disabled){background-color:#1e293b;border-color:#1e293b}.app-btn--danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.app-btn--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.app-btn--ghost{background-color:#fff;border-color:#e2e8f0;color:#475569}.app-btn--ghost:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}.app-btn--sm{font-size:.875rem;padding:.375rem .75rem}.app-btn--md{font-size:.875rem;padding:.5rem 1rem}.app-btn--lg{font-size:1rem;padding:.75rem 1.5rem}.app-btn__spin{animation:app-btn-spin .75s linear infinite;flex-shrink:0;height:1rem;width:1rem}@keyframes app-btn-spin{to{transform:rotate(1turn)}}