.burger {
width: 32px;
height: 24px;
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.burger span {
display: block;
height: 3px;
width: 100%;
background: #00d5ff;
border-radius: 3px;
transition: all 0.3s ease;
}
/* Анимация превращения в крестик */
.burger.active span:nth-child(1) {
transform: translateY(10px) rotate(45deg);
}
.burger.active span:nth-child(2) {
opacity: 0;
}
.burger.active span:nth-child(3) {
transform: translateY(-10px) rotate(-45deg);
}