.menu-button label{display:flex;flex-direction:column;width:40px;cursor:pointer}.menu-button span{background:#000;border-radius:10px;height:5px;margin:2px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}.menu-button span:first-of-type{width:50%}.menu-button span:nth-of-type(2){width:100%}.menu-button span:nth-of-type(3){width:75%}.menu-button input[type=checkbox]{display:none}.menu-button input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(8px)}.menu-button input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}.menu-button input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(30px,-11px) rotate(45deg)}