xxxxxxxxxx
.hamburger-button {
width: 28px;
margin-left: 8px;
cursor: pointer;
}
.hamburger-button:before {
box-shadow: 0 10px 0#2D3846;
margin-bottom: 16px;
}
.hamburger-button:before, .hamburger-button:after {
background-color: #2D3846;
content: "";
display: block;
height: 4px;
transition: all 200ms ease-in-out;
}
.hamburger-button.active:before {
box-shadow: 0 0 0 #2D3846;
transform: translateY(10px) rotate(45deg);
}
.hamburger-button.active:after {
transform: translateY(-10px) rotate(-45deg);
}