.hamburger{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:center}.hamburger>span{width:60%;height:2.5px;display:block;position:absolute;border-radius:7px;background-color:var(--hamburger-bg-color);transition:.4s all}.hamburger>span:nth-child(1){transform:translateY(10px)}.hamburger>span:nth-child(3){transform:translateY(-10px)}.hamburger.active>span:nth-child(1){transform:translateY(0) rotate(45deg)}.hamburger.active>span:nth-child(2){opacity:0}.hamburger.active>span:nth-child(3){transform:translateY(0) rotate(-45deg)}