.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));box-shadow:0 0 20px #9b7fd466}.btn--primary:hover:not(:disabled){transform:scale(1.05)}.btn--primary:active:not(:disabled){transform:scale(.95)}.btn--secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn--secondary:hover:not(:disabled){background:#fff3}.btn--outline{border:2px solid var(--primary-purple);color:var(--primary-purple);background:0 0}.btn--outline:hover:not(:disabled){background:#9b7fd41a}.btn--ghost{color:#fff;background:0 0}.btn--ghost:hover:not(:disabled){background:#ffffff1a}.btn--sm{gap:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn--md{gap:.5rem;padding:.75rem 1.5rem;font-size:1rem}.btn--lg{gap:.75rem;padding:1rem 2rem;font-size:1.125rem}.btn--full-width{width:100%}.btn-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}