.btn2{padding:6px 30px;border:none;outline:none;position:relative;z-index:1;border-radius:5px;background:linear-gradient(90deg,#036,teal);cursor:pointer}.btn2:before{content:"";position:absolute;left:1.5px;right:1.5px;top:2px;bottom:1px;border-radius:4px;background-color:#fff;z-index:-1;transition:.2s}.btn2:after{content:attr(data);font-size:16px;background:linear-gradient(270deg,#036,teal);-webkit-background-clip:text;color:transparent;transition:.2s}.btn2:hover:before{opacity:20%;top:0;right:0;bottom:0;left:0}.btn2:hover:after{color:#fff}@media (max-width:768px){.btn2{padding:8px 20px;border-radius:4px}.btn2,.btn2:after{font-size:14px}}.btn3{padding:6px 30px;border:none;outline:none;position:relative;z-index:1;border-radius:5px;background:linear-gradient(90deg,#036,teal);cursor:pointer}.btn3:before{content:"";position:absolute;left:1.5px;right:1.5px;top:2px;bottom:1px;border-radius:4px;z-index:-1;transition:.2s}.btn3:after{content:attr(data);font-size:16px;background:linear-gradient(270deg,#036,teal);-webkit-background-clip:text;color:#fff;transition:.2s}.btn3:hover:before{opacity:20%;top:0;right:0;bottom:0;left:0}.btn3:hover:after{color:#fff}@media (max-width:768px){.btn3{padding:8px 20px;border-radius:4px}.btn3,.btn3:after{font-size:14px}}