@import url("https://fonts.googleapis.com/css?family=Quantico:ital,wght@0,400;0,700;1,40");span{position:relative;display:inline-flex;width:180px;height:55px;margin:0 15px;perspective:1000px;box-shadow:15px 15px 15px 2px #1d480b}span a{font-size:19px;letter-spacing:1px;transform-style:preserve-3d;transform:translateZ(-25px);transition:transform .25s;font-family:Quantico,sans-serif}span a:after,span a:before{position:absolute;content:"Let's Explore";height:55px;width:180px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:5px}span a:before{color:#fff;box-shadow:#2bff00;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#069e09 var(--tw-gradient-from-position);--tw-gradient-to:rgba(33,72,50,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0c220e var(--tw-gradient-to-position);transform:rotateY(0deg) translateZ(25px)}span a:after{border:5px solid #15ff00;color:#2bff00;transform:rotateX(90deg) translateZ(25px)}span a:hover{transform:translateZ(-25px) rotateX(-90deg)}