button[data-state=loading].svelte-3n3ua0,button[data-state=success].svelte-3n3ua0{--_bg: var(--brand-hover);--_text: var(--brand-contrast)}button[data-state=error].svelte-3n3ua0{--_bg: var(--error-bg);--_text: var(--error-color)}button.svelte-3n3ua0:disabled{--_bg: var(--surface-3);--_text: var(--text-3);cursor:not-allowed}@media (prefers-reduced-motion: no-preference){button.svelte-3n3ua0{view-transition-name:checkout-btn}html::view-transition-old(checkout-btn),html::view-transition-new(checkout-btn){height:100%;width:100%}}