.boton-1{z-index:1;border:none;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:none;overflow:hidden;position:relative;color:#222;font-weight:700;font-size:12px;background-color:#fff;padding:15px 30px;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,0.20)}.boton-1 span{position:relative;z-index:1}.boton-1:before,.boton-1:after{content:"";z-index:-1;position:absolute;left:0;top:0;height:490%;width:140%;background:#054263;-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)}.boton-1:hover:before{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg)}.boton-1:hover:after{background:#66C6E4;-webkit-transform:translateX(-65%) translateY(-25%) rotate(45deg);transform:translateX(-65%) translateY(-25%) rotate(45deg)}