.btn{padding:1.1em 2em;background:none;border:2px solid black;color:#131313;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;border-radius:12px;background-color:#ffb22c;font-weight:bolder;box-shadow:0 2px 0 2px #000}.btn:before{content:"";position:absolute;width:100px;height:120%;background-color:#ff5468;top:50%;transform:skew(30deg) translate(-300%,-50%);transition:all .5s}.btn:hover{background-color:#4cc9f0;color:#fff;box-shadow:0 2px 0 2px #0d3b66}.btn:hover:before{transform:skew(30deg) translate(300%,-50%);transition-delay:.1s}.btn:active{transform:scale(.9)}