.menu-btn{position:relative;display:flex;justify-content:center;align-items:center;width:80px;height:80px;cursor:pointer;transition:all .5s ease-in-out}.menu-btn__burger{width:50px;height:6px;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(255,101,47,.2);transition:all .5s ease-in-out}.menu-btn__burger::before,.menu-btn__burger::after{content:'';position:absolute;width:50px;height:6px;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(255,101,47,.2);transition:all .5s ease-in-out}.menu-btn__burger::before{transform:translateY(-16px)}.menu-btn__burger::after{transform:translateY(16px)}.menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger::before{transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger::after{transform:rotate(-45deg) translate(35px,35px)}