.heading,body{text-align:center}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:100px auto}.heading{top:30%;width:100%}.heading h1{color:#32cd32;font-size:70px}.heading h3{color:wheat;font-size:20px}#background{position:absolute;top:0;bottom:0;height:100vw;width:100vw;pointer-events:none}@keyframes (orbit){0%{transform:rotateY(90deg) rotate(0)}60%{transform:rotateY(90deg) rotate(-180deg)}100%{transform:rotateY(90deg) rotate(-360deg)}}.button{display:inline-block;border-radius:10px;border:1px solid rgba(0,0,0,.05);position:relative;padding:20px 30px 20px 70px;background:rgba(60,162,162,.6);color:rgba(0,0,0,.5);cursor:pointer;transform-style:preserve-3d;transition:all .5s ease-in-out;top:3vw;z-index:3}.button:hover{transform:translateY(-5px);color:rgba(0,0,0,.8);background:rgba(60,162,162,.8)}.button:hover>span{transition:all .8s ease-in-out;transform:rotateY(90deg) rotate(-360deg)}.button>span{width:80px;display:block;position:absolute;left:0;top:-40px;bottom:-40px;border-radius:50%;transform-style:preserve-3d;transform:rotateY(90deg) rotate(0)}.button>span>span{position:absolute;background:rgba(0,0,0,.6);width:16px;height:17px;left:0;top:50px;transform:rotateY(-90deg)}.button>span>span::before{position:absolute;content:"";top:100%;left:0;margin-left:-7px;border-top:16px solid rgba(0,0,0,.6);border-bottom:0 solid transparent;border-left:15px solid transparent;border-right:15px solid transparent}