.ds-button--canvas{width:335px}.ds-button{box-sizing:border-box;max-width:100%;font-family:var(--font-family), var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;font-weight:var(--font-weight-semi-bold);letter-spacing:0;text-align:center;white-space:nowrap;color:inherit;cursor:pointer;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s,outline-color .15s;display:inline-flex}.ds-button:focus{outline:none}.ds-button:focus-visible,.ds-button[data-state=focus]{outline:var(--stroke-width-semibold) solid var(--color-link-primary);outline-offset:var(--space-2xs)}.ds-button:disabled{cursor:not-allowed}.ds-button__icon{width:var(--button-icon-size);height:var(--button-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-button__icon svg,.ds-button__icon>*{width:100%;height:100%;display:block}.ds-button__label{min-width:0}.ds-button[data-variant=primary]{background:var(--color-btn-primary-bg-default);color:var(--color-btn-primary-text);border-radius:var(--radius-pill)}.ds-button[data-variant=primary]:hover:not(:disabled),.ds-button[data-variant=primary]:active:not(:disabled),.ds-button[data-variant=primary][data-state=hover],.ds-button[data-variant=primary][data-state=pressed]{background:var(--color-btn-primary-bg-hover)}.ds-button[data-variant=primary]:disabled{background:var(--color-btn-primary-bg-default);opacity:var(--opacity-40)}.ds-button[data-variant=secondary]{color:var(--color-btn-secondary-text);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-width-semibold) var(--color-btn-secondary-border);background:0 0}.ds-button[data-variant=secondary]:hover:not(:disabled),.ds-button[data-variant=secondary]:active:not(:disabled),.ds-button[data-variant=secondary][data-state=hover],.ds-button[data-variant=secondary][data-state=pressed]{background:var(--color-btn-secondary-bg-hover)}.ds-button[data-variant=secondary]:disabled{opacity:var(--opacity-40);background:0 0}.ds-button[data-variant=tertiary]{color:var(--color-link-primary);background:0 0}.ds-button[data-variant=tertiary]:disabled{color:var(--color-link-primary-disabled)}.ds-button[data-variant=primary][data-size=lg],.ds-button[data-variant=secondary][data-size=lg]{min-height:55px;padding:var(--space-lg);gap:var(--space-md);--button-icon-size:var(--size-icon-xl);font-size:15px;line-height:normal}.ds-button[data-variant=primary][data-size=sm],.ds-button[data-variant=secondary][data-size=sm]{min-width:136px;padding:var(--space-lg) var(--space-3xl);gap:var(--space-xs);font-size:var(--font-size-sm);line-height:var(--line-height-2xl);--button-icon-size:var(--size-icon-lg)}.ds-button[data-variant=primary][data-size=sm][data-icon-only],.ds-button[data-variant=secondary][data-size=sm][data-icon-only]{gap:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.ds-button[data-variant=tertiary][data-size=sm]{padding-block:var(--space-xs);gap:var(--space-md);font-size:var(--font-size-xs);line-height:var(--line-height-3xl);--button-icon-size:var(--size-icon-sm)}.ds-button[data-variant=tertiary][data-size=md],.ds-button[data-variant=tertiary][data-size=lg]{padding-block:var(--space-lg);gap:var(--space-md);line-height:var(--line-height-2xl);--button-icon-size:var(--size-icon-lg)}.ds-button[data-variant=tertiary][data-size=md]{font-size:var(--font-size-sm)}.ds-button[data-variant=tertiary][data-size=lg]{font-size:var(--font-size-md)}@media (prefers-reduced-motion:reduce){.ds-button{transition:none}}