.button4{z-index:1;position:relative;font-size:inherit;font-family:inherit;color:#fff;padding:.5em 1em;outline:none;border:none;background-color:hsl(236 32% 26%);overflow:hidden;cursor:pointer}.button4::after{content:'';z-index:-1;background-color:hsl(0 0% 100% / .2);position:absolute;top:-50%;bottom:-50%;width:1.25em;transform:translate3d(-525%,0,0) rotate(35deg)}.button4:hover::after{transition:transform 0.55s ease-in-out;transform:translate3d(700%,0,0) rotate(35deg)}