.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-UKH4DYHN){padding-bottom:10px}body{font-family:Lato;font-size:16px;line-height:24px;background:black;overflow-X:hidden;transition:all .5s;color:#eee}.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6){text-align:center;border-radius:10px;position:relative;z-index:1;perspective:1000px;min-height:300px}.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6) .flipbox-front:where(.astro-5QLEOBO6),.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6) .flipbox-back:where(.astro-5QLEOBO6){transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:inherit;background-size:cover;background-repeat:no-repeat;background-color:#fff;box-shadow:0 26px 38px #0003;transition:transform .8s cubic-bezier(.5,.2,.2,.8);border-radius:10px;position:absolute;top:0;left:0;width:100%;height:100%}.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6) .flipbox-front:where(.astro-5QLEOBO6){display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#fff;color:#fff;background-size:cover;background-position:center}.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6) .flipbox-front:where(.astro-5QLEOBO6):before{content:"";background:#000;width:100%;height:100%;position:absolute;opacity:50%;border-radius:10px}.flipbox:where(.astro-5QLEOBO6) .flipbox-wrapper:where(.astro-5QLEOBO6) .flipbox-front:where(.astro-5QLEOBO6) .title:where(.astro-5QLEOBO6){position:relative;z-index:5;text-align:center;width:100%;perspective:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:28px;font-weight:900;line-height:1.2;text-shadow:2px 2px 3px rgba(0,0,0,.75)}.readmore-button:where(.astro-5QLEOBO6){display:inline-flex;transition:all .3s ease-in-out;box-sizing:border-box;width:40px;height:40px;position:absolute;bottom:-27.5px;border-radius:50%;opacity:0;visibility:hidden;background:#fd226a;justify-content:center;align-items:center}.readmore-button:where(.astro-5QLEOBO6) svg:where(.astro-5QLEOBO6){width:20px;height:20px;color:#fff}.readmore-wrapper:where(.astro-5QLEOBO6):hover .readmore-button:where(.astro-5QLEOBO6){-webkit-animation:bounceReadMore .5s ease-in-out both;animation:bounceReadMore .5s ease-in-out both;opacity:1;visibility:visible;margin:0}@-webkit-keyframes bounceReadMore{0%{transform:translateY(-35px) translateZ(20px)}50%{transform:translateY(15px) translateZ(20px)}to{transform:translateY(0) translateZ(20px)}}@keyframes bounceReadMore{0%{transform:translateY(-35px) translateZ(20px)}50%{transform:translateY(15px) translateZ(20px)}to{transform:translateY(0) translateZ(20px)}}
