:root{--border: #000;--bg: #fff;--color: #000;--hoverColor: #fff;--hoverBg: #000}.btn.svelte-wrzxxi{border:1px solid var(--border);background-color:var(--bg);width:100%;max-height:50px;aspect-ratio:280/35;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.btn.svelte-wrzxxi span:where(.svelte-wrzxxi){color:var(--color);z-index:1;transition:all .6s cubic-bezier(.85,0,.15,1);font-size:clamp(1.2rem,100%,1.6rem);line-height:clamp(1.2rem,100%,1.6rem);font-weight:500;width:100%;text-align:center}.btn.svelte-wrzxxi:before{content:"";transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(.85,0,.15,1);background-color:var(--hoverBg);width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.btn.svelte-wrzxxi:hover:before{transform:translate(0);background-color:hoverBg}.btn.svelte-wrzxxi:hover span:where(.svelte-wrzxxi){color:var(--hoverColor)}