.menu-wrapper{position:relative;display:flex;flex-direction:column;background-color:#000;cursor:pointer;width:100%;max-width:330px;height:88px;border:1px solid #fff;border-radius:10px;margin-top:30px;padding:16px;&:after,&:before{content:"";display:block;width:16px;height:1px;background:#fff;position:absolute;top:28px;left:16px;transition:transform .3s ease,content .3s ease}&:before{transform:rotate(0deg)}&:after{transform:rotate(90deg)}&.expanded:after,&.expanded:before{transform:rotate(0deg)}}.menu-wrapper.expanded{height:auto;transition:all .3s ease}