.button.svelte-r3mclf{all:unset;--arrow-size: .8em;--arrow-gap: .6em;--button-color: var(--theme-color-orange);z-index:0;position:relative;display:block;width:-moz-max-content;width:max-content;width:var(--button-width, -moz-max-content);width:var(--button-width, max-content);min-width:120px;padding:1em 1.5em;border:1px solid var(--button-color);border-radius:0;background:transparent;text-align:center;color:#000;font-size:14px;font-family:var(--font-secondary);font-weight:500;cursor:pointer;transition:color .3s}.button.svelte-r3mclf:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:0%;transition:width .3s;background:var(--button-color)}.button.svelte-r3mclf:hover,.button.svelte-r3mclf:focus{color:#fff}.svelte-r3mclf:is(.button:where(.svelte-r3mclf):hover,.button:where(.svelte-r3mclf):focus):before{width:100%}:is(.button:where(.svelte-r3mclf):hover,.button:where(.svelte-r3mclf):focus) .arrow.svelte-r3mclf{transform:translate(.3em,.05em)}.arrow.svelte-r3mclf{position:relative;width:var(--arrow-size);height:var(--arrow-size);transform:translateY(.05em);margin-left:var(--arrow-gap);transition:transform .3s}.small.svelte-r3mclf{padding:.5em 1em;min-width:0}