.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);min-height:var(--button-height);height:var(--button-height);padding:var(--button-padding-y) var(--button-padding-x);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{--button-height:24px;--button-padding-y:var(--spacing-1);--button-padding-x:var(--spacing-2);font-size:var(--typography-font-size-xs,.75rem)}.button[data-size=sm].svelte-a43ype{--button-height:32px;--button-padding-y:var(--spacing-2);--button-padding-x:var(--spacing-3);font-size:var(--typography-font-size-sm,.875rem)}.button[data-size=md].svelte-a43ype{--button-height:44px;--button-padding-y:var(--spacing-2);--button-padding-x:var(--spacing-4);font-size:var(--typography-font-size-md,1rem)}.button[data-size=lg].svelte-a43ype{--button-height:52px;--button-padding-y:var(--spacing-3);--button-padding-x:var(--spacing-6);font-size:var(--typography-font-size-lg,1.125rem)}.button[data-size=xl].svelte-a43ype{--button-height:64px;--button-padding-y:var(--spacing-3);--button-padding-x:var(--spacing-6);font-size:var(--typography-font-size-xl,1.25rem)}.button[data-shape=rounded].svelte-a43ype{border-radius:var(--radius-full)}.button[data-shape=rounded][data-size=xs].svelte-a43ype{padding-inline:var(--spacing-3)}.button[data-shape=rounded][data-size=sm].svelte-a43ype{padding-inline:var(--spacing-4)}.button[data-shape=rounded][data-size=md].svelte-a43ype{padding-inline:var(--spacing-6)}.button[data-shape=rounded][data-size=lg].svelte-a43ype{padding-inline:var(--spacing-8)}.button[data-shape=rounded][data-size=xl].svelte-a43ype{padding-inline:var(--spacing-10)}.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)}