.button.svelte-19jp8xl{border-radius:var(--radius-md);cursor:pointer;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:background-color color border;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.button[data-size=xs].svelte-19jp8xl{width:24px;height:24px}.button[data-size=sm].svelte-19jp8xl{width:32px;height:32px}.button[data-size=md].svelte-19jp8xl{width:44px;height:44px}.button[data-size=lg].svelte-19jp8xl{width:52px;height:52px}.button[data-variant=filled].svelte-19jp8xl{background-color:var(--cs-background);color:var(--cs-on-background);border:1px solid #0000}.button[data-variant=filled].svelte-19jp8xl:hover{background-color:color-mix(in srgb, var(--cs-background) 70%, white)}.button[data-variant=filled].svelte-19jp8xl:active{background-color:color-mix(in srgb, var(--cs-background) 80%, black)}.button[data-variant=filled][data-color-type=gradation].svelte-19jp8xl{background:var(--cs-gradient);border:none}.button[data-variant=filled][data-color-type=gradation].svelte-19jp8xl:hover{opacity:.85;background:var(--cs-gradient)}.button[data-variant=filled][data-color-type=gradation].svelte-19jp8xl:active{opacity:.75;background:var(--cs-gradient)}.button[data-variant=filled].disabled.svelte-19jp8xl{cursor:not-allowed;background-color:var(--color-background-disabled-soft);color:var(--color-foreground-on-disabled-soft)}.button[data-variant=outline].svelte-19jp8xl{color:var(--cs-background);border:1px solid var(--color-border-base);background-color:#fff}.button[data-variant=outline].svelte-19jp8xl:hover{color:var(--cs-on-background);background-color:color-mix(in srgb, var(--cs-background) 70%, white);border-color:var(--cs-background)}.button[data-variant=outline].svelte-19jp8xl:active{color:var(--cs-on-background);background-color:color-mix(in srgb, var(--cs-background) 80%, black);border-color:var(--cs-background)}.button[data-variant=outline].disabled.svelte-19jp8xl{cursor:not-allowed;background-color:var(--color-background-disabled-soft);color:var(--color-foreground-on-disabled-soft);border-color:var(--color-foreground-on-disabled-soft)}.button[data-variant=text].svelte-19jp8xl{color:var(--cs-background);background-color:#0000;border:1px solid #0000}.button[data-variant=text].svelte-19jp8xl:hover{color:color-mix(in srgb, var(--cs-background) 70%, white)}.button[data-variant=text].svelte-19jp8xl:active{color:color-mix(in srgb, var(--cs-background) 80%, black)}.button[data-variant=text].disabled.svelte-19jp8xl{cursor:not-allowed;color:var(--color-foreground-on-disabled-soft)}