.custom-button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.custom-button:disabled{pointer-events:none;opacity:.5}.variant-default{background-color:var(--primary-1);color:var(--white);font-weight:700}.variant-default:disabled{background-color:var(--gray-7);color:var(--gray-6)}.variant-destructive{background-color:var(--red-1);color:#fff;font-weight:700}.variant-outline{background-color:var(--white);border:1px solid var(--gray-7);color:var(--primary-1)}.variant-outline:disabled{color:var(--gray-5)}.variant-secondary{background-color:var(--primary-3);color:var(--primary-1);font-weight:700}.variant-ghost{color:var(--gray-4);background-color:#0000}.variant-link{color:var(--primary-1);text-underline-offset:4px;background-color:#0000;text-decoration:underline}.variant-link:hover{text-decoration:underline}.size-default{height:48px;padding:0 24px}.size-sm{border-radius:6px;height:32px;padding:0 12px;font-size:12px}.size-md{width:40px;height:40px;padding:0}.size-lg{min-width:140px;height:48px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.custom-button.is-loading:disabled{opacity:1;cursor:wait}.variant-default.is-loading:disabled{background-color:var(--primary-1);color:var(--white)}.variant-destructive.is-loading:disabled{background-color:var(--red-1);color:var(--white)}.custom-button:focus-visible{border-color:var(--primary-1);box-shadow:0 0 0 3px #4a40e026}