input[type=checkbox]{display:none}.send{cursor:pointer}.send *,.send *:before,.send *:after{transition:all 1s}.send .rotate{position:relative;transform-style:preserve-3d}.send .rotate .move{transform-style:preserve-3d;position:relative;transition:transform 3s}.send .rotate .move .part{position:absolute;top:50%;left:50%;transform:translate(-30%,-30%);transform-style:preserve-3d;width:280px;height:280px}.send .rotate .move .part:before,.send .rotate .move .part:after{content:"EMAIL 🖱️";width:280px;height:280px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#1d1d1d;font-size:1.5rem;font-weight:700;color:#fffc}.send .rotate .move .part.left:before{transform-origin:50% 25%;clip-path:polygon(0 0,100% 0,100% 1px,0 calc(100% + 1px))}.send .rotate .move .part.left:after{clip-path:polygon(0 50%,100% 0,100% 1px,1px 100%,0 100%)}.send .rotate .move .part.right:before{clip-path:polygon(0 100%,100% 0,100% 1px,calc(50% + 1px) 100%,50% 100%)}.send .rotate .move .part.right:after{transform-origin:75% 50%;clip-path:polygon(100% 0,50% 100%,100% 100%)}#send:checked~.send .rotate{transform:rotate3d(1,-.2,.2,65deg)}#send:checked~.send .rotate .move{animation:fly 3s cubic-bezier(.72,-.23,.35,1.03) 1s both}#send:checked~.send .rotate .move .part.left{transform:rotate3d(-1,1,0,60deg)}#send:checked~.send .rotate .move .part.left:before{transform:rotate3d(-1,.5,0,-60deg)}#send:checked~.send .rotate .move .part.left:after{background-color:#1d1d1d}#send:checked~.send .rotate .move .part.right{transform:rotate3d(-1,1,0,-60deg)}#send:checked~.send .rotate .move .part.right:before{background-color:#1d1d1d}#send:checked~.send .rotate .move .part.right:after{transform:rotate3d(-.25,.5,0,100deg)}@keyframes fly{0%{transform:translateZ(0)}50%{transform:translate3D(400rem,-400rem,0)}50.00001%{transform:translate3D(-100rem,100rem,0)}to{transform:translateZ(0)}}