.button.svelte-1wkmmtp{display:inline-flex;gap:var(--token-size-000);align-items:center;justify-content:center;font-weight:400;text-decoration:none;text-align:center;transition:all .4s}.button.svelte-1wkmmtp>.icon-wrapper:where(.svelte-1wkmmtp){width:var(--button-icon-size);height:var(--button-icon-size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--button-icon-size) / 2);background:var(--button-icon-background);color:var(--button-icon-color);flex-shrink:0}.button>.icon-wrapper>.icon{font-size:calc(var(--button-icon-size) * .6)}.button.svelte-1wkmmtp:disabled,.button[disabled=true].svelte-1wkmmtp{opacity:.3}.button[data-size].svelte-1wkmmtp{--button-height: 44px;--button-radius: calc(var(--button-height) / 2);--button-icon-size: calc(var(--button-height) * .6);--button-font-size: var(--token-size-0);--button-padding: calc(var(--button-icon-size) / 2 - 4px);height:var(--button-height);border-radius:var(--button-radius);font-size:var(--button-font-size);padding:var(--button-padding);min-width:120px}.button[data-size=small].svelte-1wkmmtp{--button-height: 34px;--button-font-size: var(--token-size-00)}.button[data-size=large].svelte-1wkmmtp{--button-height: 58px;--button-font-size: var(--token-size-1)}.button[data-variant].svelte-1wkmmtp{--button-background: initial;--button-border: initial;--button-outline: initial;--button-text: var(--surface-0);--button-icon-background: var(--surface-0);--button-icon-color: var(--text-0);background-color:var(--button-background);color:var(--button-text);outline:1px solid var(--button-outline, var(--button-background));border:1px solid var(--button-border, var(--button-background))}.button[data-variant=primary].svelte-1wkmmtp{--button-background: var(--primary-0)}.button[data-variant=primary].svelte-1wkmmtp:hover{--button-background: var(--primary-1);--button-outline: var(--primary-00)}.button[data-variant=primary].svelte-1wkmmtp:focus{--button-background: var(--primary-1);--button-border: var(--primary-00);--button-outline: var(--primary-2)}.button[data-variant=primary].svelte-1wkmmtp:active{--button-background: var(--primary-2)}.button[data-variant=secondary].svelte-1wkmmtp{--button-background: var(--text-0)}.button[data-variant=secondary].svelte-1wkmmtp:hover{--button-background: var(--text-1);--button-outline: var(--primary-00)}.button[data-variant=secondary].svelte-1wkmmtp:focus{--button-background: var(--text-1);--button-border: var(--primary-00)}.button[data-variant=secondary].svelte-1wkmmtp:active{--button-background: var(--text-0);--button-border: var(--primary-00)}.button[data-variant=danger].svelte-1wkmmtp{--button-background: var(--danger-0)}.button[data-variant=danger].svelte-1wkmmtp:hover{--button-background: var(--danger-1);--button-outline: var(--danger-00)}.button[data-variant=danger].svelte-1wkmmtp:focus{--button-background: var(--danger-1);--button-border: var(--danger-00);--button-outline: var(--danger-2)}.button[data-variant=danger].svelte-1wkmmtp:active{--button-background: var(--danger-2)}.button[data-variant=ghost].svelte-1wkmmtp{--button-background: transparent;--button-text: var(--primary-1)}.button[data-variant=ghost].svelte-1wkmmtp:hover{--button-background: var(--primary-000);--button-outline: var(--primary-00)}.button[data-variant=ghost].svelte-1wkmmtp:focus,.button[data-variant=ghost].svelte-1wkmmtp:active{--button-background: transparent;--button-border: var(--primary-000);--button-outline: var(--primary-0)}
