.burger-btn{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:30px;height:20px;cursor:pointer;transition:transform .5s;border:none;background-color:transparent}.bar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:100%;height:2px;transition:transform .5s,opacity .3s}.burger-btn:hover .bar:first-child{transform:translateY(6px) rotate(45deg)}.burger-btn:hover .bar:nth-child(2){transform:translateY(-6px) rotate(-45deg)}.burger-btn.open .bar:first-child{transform:translateY(6px) rotate(45deg)}.burger-btn.open .bar:nth-child(2){transform:translateY(-6px) rotate(-45deg)}