.menu-mobile {
    display: none;
}

.menu-mobile__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-mobile__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 4rem;
}

.menu-mobile__icon {
    width: 22px;
    height: 22px;
}

.menu-mobile__icon svg {
    width: 100%;
    height: 100%;
}

.menu-mobile__text {
    font-size: 1.4rem;
}

@media (max-width: 950px) {
    .menu-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background: var(--main-background-color);
        width: 100%;
        z-index: 9996;
    }
}

@media (max-width: 450px) {
    .menu-mobile__item {
        padding: 2rem;
    }
}