#menu-button span{width:30px;height:3px;border-radius:2px;background-color:#fff;transition:transform .3s ease-in-out,opacity .3s ease-in-out,background-color .5s ease-in-out;transform-origin:center}[data-menu-open=true] span:first-child{transform:translate3d(0,8px,0) rotate(40deg);background:#fff}[data-menu-open=true] span:nth-child(2){opacity:0;transform:scaleX(0)}[data-menu-open=true] span:nth-child(3){transform:translate3d(0,-6px,0) rotate(-45deg);background:#fff}[data-menu-ul]{display:flex;flex-direction:column;gap:10px;width:0;height:0;opacity:0}[data-menu-ul] li{list-style:none;margin:0;padding:5px 0}