.button.svelte-a43ype{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-sm);cursor:pointer;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:background-color color border;text-decoration:none}.button[data-size=xs].svelte-a43ype{height:24px;padding:var(--spacing-1) var(--spacing-2);font-size:var(--typography-font-size-xs, .75rem)}.button[data-size=sm].svelte-a43ype{height:32px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--typography-font-size-sm, .875rem)}.button[data-size=md].svelte-a43ype{height:44px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--typography-font-size-md, 1rem)}.button[data-size=lg].svelte-a43ype{height:52px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--typography-font-size-lg, 1.125rem)}.button[data-size=xl].svelte-a43ype{height:64px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--typography-font-size-xl, 1.25rem)}.button[data-variant=filled].svelte-a43ype{background-color:var(--cs-background);color:var(--cs-on-background);border:1px solid transparent}.button[data-variant=filled].svelte-a43ype:hover{background-color:color-mix(in srgb,var(--cs-background) 70%,white)}.button[data-variant=filled].svelte-a43ype:active{background-color:color-mix(in srgb,var(--cs-background) 80%,black)}.button[data-variant=filled][data-color-type=gradation].svelte-a43ype{background:var(--cs-gradient);border:none}.button[data-variant=filled][data-color-type=gradation].svelte-a43ype:hover{opacity:.85;background:var(--cs-gradient)}.button[data-variant=filled][data-color-type=gradation].svelte-a43ype:active{opacity:.75;background:var(--cs-gradient)}.button[data-variant=filled].svelte-a43ype:disabled{cursor:not-allowed;background-color:var(--color-background-disabled-soft);color:var(--color-foreground-on-disabled-soft)}.button[data-variant=outline].svelte-a43ype{background-color:#fff;color:var(--cs-background);border:1px solid var(--cs-background)}.button[data-variant=outline].svelte-a43ype svg{color:var(--cs-background);transition:color .2s ease-in-out}.button[data-variant=outline].svelte-a43ype:hover{color:var(--cs-on-background);background-color:color-mix(in srgb,var(--cs-background) 70%,white)}.button[data-variant=outline].svelte-a43ype:hover svg{color:var(--cs-on-background);transition:color .2s ease-in-out}.button[data-variant=outline].svelte-a43ype:active{color:var(--cs-on-background);background-color:color-mix(in srgb,var(--cs-background) 80%,black)}.button[data-variant=outline].svelte-a43ype:disabled{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-a43ype{background-color:transparent;color:var(--cs-background);border:1px solid transparent}.button[data-variant=text].svelte-a43ype:hover{color:color-mix(in srgb,var(--cs-background) 70%,white)}.button[data-variant=text].svelte-a43ype:active{color:color-mix(in srgb,var(--cs-background) 80%,black)}.button[data-variant=text].svelte-a43ype:disabled{cursor:not-allowed;color:var(--color-foreground-on-disabled-soft)}