.button.svelte-a43ype{justify-content:center;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-sm);cursor:pointer;width:var(--button-width,max-content);flex-direction:row;text-decoration:none;transition-property:background-color,color,border;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex;position:relative}.button[data-size=xs].svelte-a43ype{height:24px;min-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;min-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;min-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;min-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;min-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 #0000}.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{color:var(--cs-background);border:1px solid var(--cs-background);background-color:#fff}.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{color:var(--cs-background);background-color:#0000;border:1px solid #0000}.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)}