@keyframes hoverOn{0%{transform:translate(-100%)skew(-45deg)}to{transform:translate(0%)skew(-45deg)}}@keyframes hoverOff{0%{transform:translate(0%)skew(-45deg)}to{transform:translate(100%)skew(-45deg)}}.btn{border-width:2px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";z-index:0;--tw-skew-y:-45deg;width:200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.5s ease-in-out forwards hoverOff;display:block;position:absolute;inset:-10% 0 -10% -50%}.btn:hover:before{animation:.5s ease-in-out forwards hoverOn}.btn-dark{--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-dark:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.btn-dark:hover{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.btn-light{--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.btn-light:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.btn-light:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-cyan{--tw-border-opacity:1;border-color:rgb(8 145 178/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-cyan:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.btn-cyan:hover{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.btn-violet{--tw-border-opacity:1;border-color:rgb(76 29 149/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(76 29 149/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-violet:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.btn-violet:hover{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}