.button.svelte-16dybf6{--columns-collapsed: max-content max-content 0fr;--columns-expanded: max-content max-content 1fr;display:inline-grid;height:2.625rem;grid-template-columns:var(--columns-collapsed);grid-template-areas:"icon-left label icon-right";gap:.5em;align-items:center;flex-shrink:0;padding:.75em 1em;border:.075em solid var(--_theme-color-primary);border-radius:1.5em;-webkit-user-select:none;user-select:none;transition:grid-template-columns .25s var(--ease-in-out-quart),color .2s linear,background-color .2s linear}@media (hover: hover){.button.svelte-16dybf6:hover,.button.svelte-16dybf6:focus-visible{grid-template-columns:var(--columns-expanded);background-color:var(--_theme-color-primary);color:var(--_theme-color-bg)}}@media (hover: none){.button.svelte-16dybf6{grid-template-columns:var(--columns-expanded)}}.label.svelte-16dybf6{grid-area:label;white-space:nowrap;overflow:hidden;height:1em;line-height:1em}.icon-left.svelte-16dybf6,.icon-right.svelte-16dybf6{display:flex;align-items:center}.icon-left.svelte-16dybf6 .icon:where(.svelte-16dybf6),.icon-right.svelte-16dybf6 .icon:where(.svelte-16dybf6){display:inline-block;flex-grow:1;flex-shrink:0;width:1rem;height:1rem;color:currentColor}.icon-left.svelte-16dybf6{grid-area:icon-left}.icon-right.svelte-16dybf6{overflow:hidden;grid-area:icon-right;justify-content:flex-end}.-external.svelte-16dybf6 svg:where(.svelte-16dybf6){translate:-100% 100%;transition:translate .15s var(--ease-in-out-sine)}@media (hover: hover){.-external.svelte-16dybf6:hover svg:where(.svelte-16dybf6){translate:0 0;transition-duration:.32s;transition-timing-function:var(--ease-out-expo);transition-delay:.08s}}@media (hover: none){.-external.svelte-16dybf6 svg:where(.svelte-16dybf6){translate:0 0}}