button.svelte-uwsuv9.svelte-uwsuv9.svelte-uwsuv9{font-weight:400;display:inline-block;width:fit-content;text-transform:uppercase;position:relative;background-color:var(--color-primary);border:1px solid var(--color-primary);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}button.svelte-uwsuv9>div.wrapper.svelte-uwsuv9>div.svelte-uwsuv9{position:absolute;background-color:var(--color-secondary);width:110%;height:200%;left:-5%;top:-50%;transition:transform 1s .1s cubic-bezier(.16,1,.3,1);transform:translateY(100%) rotate(-4deg)}button.svelte-uwsuv9>div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9{display:block;transition:opacity .5s .2s cubic-bezier(.16,1,.3,1)}button.svelte-uwsuv9>div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9:first-of-type{color:var(--color-secondary);transition:translate .4s .2s cubic-bezier(.16,1,.3,1)}button.svelte-uwsuv9>div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9:last-of-type{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;color:var(--color-primary);white-space:nowrap;opacity:0}button.hover.svelte-uwsuv9:hover div.background.svelte-uwsuv9.svelte-uwsuv9{transition:transform 1s .1s cubic-bezier(.16,1,.3,1);transform:translate(0) rotate(-4deg)}button.hover.svelte-uwsuv9:hover div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9{transition:opacity 1s .2s cubic-bezier(.16,1,.3,1)}button.hover.svelte-uwsuv9:hover div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9:first-of-type{opacity:0}button.hover.svelte-uwsuv9:hover div.wrapper.svelte-uwsuv9>span.svelte-uwsuv9:last-of-type{opacity:1}