.btn.svelte-18sv61c{position:relative;overflow:hidden}.btn.svelte-18sv61c:before{content:"";width:120%;height:100%;transition:transform .4s cubic-bezier(.3,1,.8,1);position:absolute;top:0;left:-10%;transform:skew(30deg)}.btn-inner.svelte-18sv61c{z-index:1;mix-blend-mode:difference;position:relative}.btn-arrow.svelte-18sv61c{z-index:1;mix-blend-mode:difference;transition:transform .2s;position:relative}.btn.svelte-18sv61c:hover .btn-arrow:where(.svelte-18sv61c){transform:translate(.25rem)}.btn-primary.svelte-18sv61c{background:var(--paper);color:#fff;border-color:var(--ink)}.btn-primary.svelte-18sv61c:before{background:var(--ink)}.btn-primary.svelte-18sv61c:hover:before{transform:translate(100%)}.btn-dark.svelte-18sv61c{color:var(--paper);border-color:var(--paper);background:0 0}.btn-dark.svelte-18sv61c:before{background:var(--paper);transform:translate(-110%)skew(30deg)}.btn-dark.svelte-18sv61c:hover{color:var(--black)}.btn-dark.svelte-18sv61c:hover:before{transform:translate(0,0)skew(30deg)}.btn-ghost.svelte-18sv61c{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost.svelte-18sv61c:hover{color:var(--paper)}.btn-ghost.svelte-18sv61c:before{background:var(--ink);transform:translate(-110%)skew(30deg)}.btn-ghost.svelte-18sv61c:hover:before{transform:translate(0,0)skew(30deg)}.btn-teal.svelte-18sv61c{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-teal.svelte-18sv61c:before{background:var(--ink);transform:translate(-110%)skew(30deg)}.btn-teal.svelte-18sv61c:hover:before{transform:translate(0,0)skew(30deg)}.btn-yellow.svelte-18sv61c{background:var(--pale-fire);color:#fff;border-color:var(--pale-fire)}.btn-yellow.svelte-18sv61c:before{background:var(--ink);transform:translate(-110%)skew(30deg)}.btn-yellow.svelte-18sv61c:hover:before{transform:translate(0,0)skew(30deg)}