div.menu-button{display:flex;flex-direction:column;width:25px;cursor:pointer}div.menu-button span{border-radius:10px;height:2.4px;margin:2.4px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}div.menu-button span:first-of-type{width:50%}div.menu-button span:nth-of-type(2){width:100%}div.menu-button span:nth-of-type(3){width:75%}div.menu-button.active span:first-of-type{width:52%;transform-origin:bottom;transform:rotate(45deg) translate(3px)}div.menu-button.active span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}div.menu-button.active span:nth-of-type(3){transform-origin:bottom;width:52%;transform:translate(10.5px,-4px) rotate(45deg)}