@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:#060505;display:flex;height:200vh;justify-content:center}.button{border:2px solid #d2bdff;border-radius:4px;cursor:pointer;font-family:Roboto,sans-serif;height:80px;margin:25px;position:relative;width:200px}.button:after{color:#d2bdff;content:"HOVER ME";left:50%;position:absolute;top:41%;-webkit-transform:translate(-50%);transform:translate(-50%);transition:all .1s linear}.button:before{-webkit-animation:star 1.3s linear infinite;animation:star 1.3s linear infinite;background:#d2bdff;border-radius:100%;box-shadow:0 0 10px 3px #0ff;content:"";display:block;height:15px;margin-left:-8px;margin-top:-8px;opacity:0;position:relative;transition:all .1s linear;width:15px}@-webkit-keyframes star{0%{margin-left:-8px;margin-top:-8px}25%{margin-left:194px;margin-top:-8px}50%{margin-left:194px;margin-top:75px}75%{margin-left:-8px;margin-top:75px}to{margin-left:-8px;margin-top:-8px}}@keyframes star{0%{margin-left:-8px;margin-top:-8px}25%{margin-left:194px;margin-top:-8px}50%{margin-left:194px;margin-top:75px}75%{margin-left:-8px;margin-top:75px}to{margin-left:-8px;margin-top:-8px}}.button:hover:before{-webkit-animation:star 1.3s linear infinite;animation:star 1.3s linear infinite;opacity:1}.button:hover:after{content:"I'M GLOWING";text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 20px #82bedc,0 0 30px #82bedc,0 0 40px #82bedc,0 0 50px #82bedc,0 0 60px #82bedc}.button2{border:2px solid #d2bdff;border-radius:4px;color:#03e9f4;cursor:pointer;display:inline-block;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);font-family:Roboto,sans-serif;margin:25px;overflow:hidden;padding:30px 61px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .1s linear}.button2:hover{border:1px solid transparent}.button2:hover span{display:block;position:absolute}.button2:hover span:first-child{-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite;background:linear-gradient(90deg,transparent,#3a86ff);-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);height:3px;left:0;top:0;width:100%}@-webkit-keyframes animate1{0%{left:-100%}50%,to{left:100%}}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.button2:hover span:nth-child(2){-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#3a86ff);-webkit-filter:hue-rotate(60deg);filter:hue-rotate(60deg);height:100%;right:0;top:-100%;width:3px}@-webkit-keyframes animate2{0%{top:-100%}50%,to{top:100%}}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.button2:hover span:nth-child(3){-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#3a86ff);bottom:0;-webkit-filter:hue-rotate(120deg);filter:hue-rotate(120deg);right:0;width:100%}@-webkit-keyframes animate3{0%{height:3px;right:-100%}50%,to{height:2px;right:100%}}@keyframes animate3{0%{height:3px;right:-100%}50%,to{height:2px;right:100%}}.button2:hover span:nth-child(4){-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#3a86ff);bottom:-100%;-webkit-filter:hue-rotate(300deg);filter:hue-rotate(300deg);height:100%;left:0;width:3px}@-webkit-keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}P{color:#fff;font-size:60px;margin-bottom:50px;text-align:center}
/*# sourceMappingURL=main.5295f61e.css.map*/