.btn1{z-index:1;border:none;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:none;overflow:hidden;position:relative;color:white;font-weight:700;font-size:15px;background-color:red;padding:17px 60px;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,0.20)}.btn1 span{position:relative;z-index:1;color:#fff!important}.btn1:before,.btn1:after{content:"";z-index:-1;position:absolute;left:0;top:0;height:490%;width:140%;background:#152241;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translateX(-98%) translateY(-25%) rotate(45deg);color:#fff!important}.btn1:hover:before{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg);color:#fff!important}.btn1:hover:after{background:#44b5c4;-webkit-transform:translateX(-65%) translateY(-25%) rotate(45deg);transform:translateX(-65%) translateY(-25%) rotate(45deg);color:#fff!important}