.button_black{position:relative;display:block;width:200px;height:45px;line-height:40px;color:#fff;font-size:16px;font-weight:500;text-align:center;text-transform:uppercase;overflow:hidden;border-radius:50px;border:2px solid #0f0e0e;transition:all 2s ease;&:hover{color:#fff;position:relative;z-index:1;&:before{left:0%;right:auto;width:100%;z-index:-1}}&:before{position:absolute;top:0;right:0;height:100%;width:0px;content:"";background:#0e0d0d;transition:all .4s cubic-bezier(.42,0,.58,1)}&:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;transition:all .75s ease 0s}}button.collision{text-decoration:none;color:#fff;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:700;display:block;height:50px;width:150px;overflow:hidden;line-height:50px;text-align:center;position:relative;border:1px solid #C70000}button.collision:before,button.collision:after{position:absolute;content:"";width:20px;height:20px;background:#C70000;top:50%;border-radius:50%;z-index:-1}button.collision:before{transform:translate(-50%,-50%);left:-20px}button.collision:after{transform:translate(50%,-50%);right:-20px}button.collision:hover:before{-webkit-animation:move-left .8s both;animation:move-left .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}button.collision:hover:after{-webkit-animation:move-right .8s both;animation:move-right .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}button.collision:hover{-webkit-animation:button-color .8s both;animation:button-color .8s both}@-webkit-keyframes button-color{0%{color:#fff}to{color:#c70000}}@keyframes button-color{0%{color:#fff}to{color:#c70000}}@-webkit-keyframes move-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}to{left:50%;height:400px;width:400px}}@keyframes move-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}to{left:50%;height:400px;width:400px}}@-webkit-keyframes move-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}to{right:50%;height:400px;width:400px}}@keyframes move-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}to{right:50%;height:400px;width:400px}}.button{position:relative;display:block;width:200px;height:45px;line-height:40px;color:#fff;font-size:16px;font-weight:500;text-align:center;text-transform:uppercase;overflow:hidden;border-radius:50px;border:2px solid #c70000;transition:all 2s ease;&:hover{color:#fff;position:relative;z-index:1;&:before{left:0%;right:auto;width:100%;z-index:-1}}&:before{position:absolute;top:0;right:0;height:100%;width:0px;content:"";background:#c70000;transition:all .4s cubic-bezier(.42,0,.58,1)}&:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;transition:all .75s ease 0s}}.padding1:where(.astro-CKHV5GF7){padding-bottom:10px}body{font-family:Lato;font-size:16px;line-height:24px;background:black;overflow-X:hidden;transition:all .5s;color:#eee}