.btn1{z-index:1;border:none;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:none;overflow:hidden;position:relative;color:#fff;font-weight:700;font-size:15px;background-color:#e5a544;padding:10px 20px;margin:0 auto;border-radius:20px}.btn1 span{position:relative;z-index:1}.btn1:before,.btn1:after{content:"";z-index:-1;position:absolute;left:0;top:0;height:490%;width:140%;background:#467a9f;-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)}.btn1:hover:before{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg)}.btn1:hover:after{background:#5c99b7;-webkit-transform:translateX(-65%) translateY(-20%) rotate(45deg);transform:translateX(-65%) translateY(-20%) rotate(45deg)}