.sn-button{gap:var(--sn-space-2);font-size:var(--sn-text-sm);white-space:nowrap;border-radius:var(--sn-radius-full);transition:background-color var(--sn-duration-base) ease, color var(--sn-duration-base) ease, border-color var(--sn-duration-base) ease, box-shadow var(--sn-duration-base) ease, transform var(--sn-duration-base) ease;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.25rem;display:inline-flex}.sn-button--sm{padding:var(--sn-space-2) var(--sn-space-4)}.sn-button--md{padding:.625rem var(--sn-space-5)}.sn-button--lg{padding:var(--sn-space-3) var(--sn-space-6)}.sn-button--block{width:100%;display:flex}.sn-button--primary{color:var(--sn-color-brand-foreground);background-color:var(--sn-color-brand);box-shadow:var(--sn-shadow-md)}.sn-button--primary:hover{box-shadow:var(--sn-shadow-card-hover)}.sn-button--secondary{color:var(--sn-color-foreground);background-color:var(--sn-color-card);border-color:var(--sn-color-border)}.sn-button--secondary:hover{color:var(--sn-color-brand);border-color:var(--sn-color-brand)}.sn-button--outline{color:var(--sn-color-brand);border-color:color-mix(in oklab, var(--sn-color-brand) 30%, transparent)}.sn-button--outline:hover{background-color:var(--sn-color-brand-soft)}.sn-button--white{color:var(--sn-color-brand);background-color:var(--sn-color-white);box-shadow:var(--sn-shadow-md)}.sn-button--white:hover{transform:scale(1.05)}.sn-button--white-outline{color:var(--sn-color-white);border-color:#ffffff4d}.sn-button--white-outline:hover{background-color:#ffffff1a}.sn-button--ghost{color:var(--sn-color-brand);padding-inline:0}.sn-button--ghost:hover{text-decoration:underline}.sn-button__icon{display:inline-flex}.sn-button__icon svg{width:1rem;height:1rem}