.button.svelte-1rc7gvb{box-sizing:border-box;display:inline-grid;height:2.625rem;grid-template-columns:min-content auto 0fr;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-1rc7gvb:hover,.button.svelte-1rc7gvb:focus-visible{grid-template-columns:min-content auto 1fr;background-color:var(--_theme-color-primary);color:var(--_theme-color-bg)}}.label.svelte-1rc7gvb{grid-area:label;white-space:nowrap;overflow:hidden;height:1em;line-height:1em}.icon-left.svelte-1rc7gvb,.icon-right.svelte-1rc7gvb{display:flex;align-items:center}.icon-left.svelte-1rc7gvb .icon:where(.svelte-1rc7gvb),.icon-right.svelte-1rc7gvb .icon:where(.svelte-1rc7gvb){display:inline-block;flex-grow:1;flex-shrink:0;width:1rem;height:1rem;color:currentColor}.icon-left.svelte-1rc7gvb{grid-area:icon-left}.icon-right.svelte-1rc7gvb{overflow:hidden;grid-area:icon-right;justify-content:flex-end}.-external.svelte-1rc7gvb svg:where(.svelte-1rc7gvb){transform:translate(-100%,100%);transition:transform .15s var(--ease-in-out-sine)}.-external.svelte-1rc7gvb:hover svg:where(.svelte-1rc7gvb){transform:translate(0);transition-duration:.32s;transition-timing-function:var(--ease-out-expo);transition-delay:.08s}