JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu-lateral"></div>
<div class="btn-header"> <a href="" id="btn-menu">
    <img src="img/menu.png" />
    <img src="img/icone.png" />
      <p>Home</p></a>

</div>

CSS

#menu-lateral {
    width: 250px;
    height: 100px;
    margin-left: -250px;
    transition: margin-left .7s;
    border: 1px solid black;
}

JavaScript

var clique = document.getElementById("btn-menu");
var menuLateral = document.getElementById("menu-lateral");

clique.onclick = function (e) {
    e.preventDefault();
    menuLateral.style.marginLeft = "0";
};