.mobile-nav-handler {
    align-items: center;
    display: none
}

.mobile-nav-handler > em {
    font-style: normal
}

.mobile-nav-handler > span {
    display: inline-block;
    height: 16px;
    position: relative;
    width: 20px
}

.shape {
    background-color: #ffffff;
    height: 2px;
    position: absolute;
    transition: all .3s;
    width: 20px
}

.shape1 {
    top: 0
}

.shape2 {
    top: 7px;
    transform-origin: center
}

.shape3 {
    top: 14px
}

@media (max-width: 1000px) {
    .mobile-nav-handler {
        border: 2px solid #fff;
        border-radius: 100px;
        color: #fff;
        display: flex;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        gap: var(--spacer_8);
        line-height: 24px;
        padding: var(--spacer_8) var(--spacer_16)
    }
}

.close-title {
    display: none
}

.arrow-navigation__navigation {
    transition: transform .3s
}