.mobile-nav-button {
    cursor: pointer;
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    z-index: 99;
    width: 50px;
    height: 37px;
    
    justify-content: center;
    align-items: center;
    display: none;
}
.mobile-nav-button_icon {
    display: block;
    position: relative;
    width: 50px;
    height: 5px;
    background-color: #2B2A29;
    
}
.mobile-nav-button_icon::after,
.mobile-nav-button_icon::before {
    position: absolute;
    content: '';
    width: 50px;
    height: 5px;
    background-color: #2B2A29;
    transition: transform 0.15s ease-in, top 0.15s ease-in 0.15s;
}
.mobile-nav-button_icon::before {
    left: 0;
    top: -12px;
}
.mobile-nav-button_icon::after {
    left: 0;
    top: 12px;
}
.mobile-nav-button_icon.active {
    background-color: transparent;
}
.mobile-nav-button_icon.active::before {
    transform: rotate(45deg);
    top: 0;
    transition: top 0.15s linear, transform 0.15s ease-in 0.15s;
}
.mobile-nav-button_icon.active::after {
    transform: rotate(-45deg);
    top: 0;
    transition: top 0.15s linear, transform 0.15s ease-in 0.15s;
}
@media (max-width: 991px) {
    .mobile-nav-button {
        display: flex;
    }
}