:root{--button-text-color:var(--text-brand-dark);--button-icon-color:var(--text-brand-dark);--button-border-color:var(--text-brand-dark);--button-background-color:var(--text-brand-dark);--button-text-hover-color:var(--text-brand-dark);--button-icon-hover-color:var(--text-brand-dark);--button-border-hover-color:var(--text-brand-dark);--button-background-hover-color:var(--text-brand-dark)}.button{font-size:1rem;line-height:1.5rem;font-family:var(--font-primary),sans-serif;font-style:normal;letter-spacing:-.01rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xs) var(--spacing-sm);border:2px solid var(--button-border-color);gap:var(--spacing-3xs);border-radius:var(--radius-xxsmall);background:var(--button-background-color);color:var(--button-text-color);transition:color .3s,background .3s,border-color .3s;white-space:nowrap}.button:hover{color:var(--button-text-hover-color);border-color:var(--button-border-hover-color);background-color:var(--button-background-hover-color)}.button:hover svg{color:var(--button-icon-hover-color)}.button svg{flex-shrink:0;color:var(--button-icon-color);transition:color .3s ease-in-out}.button[data-size=sm]{height:2.5rem}.button[data-size=md]{height:3rem}.button[data-size=lg]{height:3.5rem}.button[data-variant=primary]{--button-text-color:var(--text-brand-purple-dark);--button-icon-color:var(--icon-brand-purple-dark);--button-border-color:var(--border-brand-purple-dark);--button-background-color:var(--background-brand-yellow);--button-text-hover-color:var(--text-brand-purple-dark);--button-icon-hover-color:var(--icon-brand-purple-dark);--button-border-hover-color:var(--border-brand-purple);--button-background-hover-color:var(--background-white)}.button[data-variant=secondary]{--button-text-color:var(--text-brand-purple-dark);--button-icon-color:var(--icon-brand-purple-dark);--button-border-color:var(--border-brand-purple-light-40);--button-background-color:transparent;--button-text-hover-color:var(--text-brand-purple-dark);--button-icon-hover-color:var(--icon-brand-purple-dark);--button-border-hover-color:var(--border-brand-purple);--button-background-hover-color:var(--background-brand-purple-light-20)}.button[data-variant=tertiary]{--button-text-color:var(--text-white);--button-icon-color:var(--icon-white);--button-border-color:var(--border-brand-purple-light-40);--button-background-color:transparent;--button-text-hover-color:var(--text-white);--button-icon-hover-color:var(--icon-white);--button-border-hover-color:var(--border-white);--button-background-hover-color:transparent}.button[data-variant=ghost]{--button-text-color:var(--text-brand-purple-dark);--button-icon-color:var(--icon-brand-purple-dark);--button-border-color:transparent;--button-background-color:transparent;--button-text-hover-color:var(--text-brand-purple-light-50);--button-icon-hover-color:var(--icon-brand-purple-light-50);--button-border-hover-color:transparent;--button-background-hover-color:transparent;padding-inline:0}.button[data-variant=warning]{--button-text-color:var(--color-system-error-red-dark);--button-icon-color:var(--color-system-error-red-dark);--button-border-color:var(--color-system-error-red);--button-background-color:transparent;--button-text-hover-color:var(--color-system-error-red-dark);--button-border-hover-color:var(--color-system-error-red-dark);--button-background-hover-color:transparent}.button:disabled,.button[data-variant=disabled]{--button-text-color:var(--text-neutral-dark-150);--button-icon-color:var(--icon-neutral-dark-150);--button-border-color:var(--border-neutral-dark-110);--button-background-color:var(--background-neutral-dark-110);--button-text-hover-color:var(--text-neutral-dark-150);--button-icon-hover-color:var(--icon-neutral-dark-150);--button-border-hover-color:var(--border-neutral-dark-110);--button-background-hover-color:var(--background-neutral-dark-110);pointer-events:none;cursor:not-allowed}