.btn{align-items:center;border:none;border-radius:var(--su-radius-pill);cursor:pointer;display:inline-flex;font-family:var(--su-font-body);font-size:var(--su-text-base);font-weight:500;gap:var(--su-space-2);justify-content:center;letter-spacing:var(--su-tracking-tight);line-height:1;padding:var(--su-space-3) var(--su-space-6);text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease;white-space:nowrap}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--su-color-primary);color:var(--su-color-text-inverse);font-weight:600}.btn-primary:hover{background:var(--su-color-primary-dark);text-decoration:none}.btn-secondary{background:transparent;border:1.5px solid var(--su-color-primary);color:var(--su-color-primary)}.btn-secondary:hover{background:color-mix(in srgb,var(--su-color-primary) 8%,transparent);text-decoration:none}.btn-accent{background:var(--su-color-accent);color:var(--su-color-on-accent)}.btn-accent:hover{background:color-mix(in srgb,var(--su-color-accent) 85%,#000);text-decoration:none}.btn-ghost{background:transparent;border:1.5px solid hsla(0,0%,100%,.4);color:var(--su-color-dark-text);font-weight:600}.btn-ghost:hover{background:hsla(0,0%,100%,.08);text-decoration:none}.btn--sm{font-size:var(--su-text-sm);padding:var(--su-space-2) var(--su-space-4)}.btn--lg,.btn--sm{letter-spacing:var(--su-tracking-tight)}.btn--lg{font-size:var(--su-text-xl);padding:var(--su-space-4) var(--su-space-8)}