.change-country {
    position: relative;
}

.change-country__button {
    position: relative;
    padding: 4px 24px 4px 4px;
    background: #fff;
}

.change-country__button i {
    width: 36px;
    height: 18px;
    background: url('../img/country/kz.svg') 0 0 no-repeat;
    display: inline-block;
}

[data-select="ru"] .change-country__button i {
    background: url('../img/country/ru.svg') 0 0 no-repeat;
}

[data-select="uz"] .change-country__button i {
    background: url('../img/country/uz.svg') 0 0 no-repeat;
}

.change-country__button::after {
    position: absolute;
    top: 11px;
    right: 8px;
    display: inline-block;
    background: url('../img/country/arrow-up.svg') 0 0 no-repeat;
    content: '';
    transform: rotate(180deg);
    width: 8px;
    height: 5px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.change-country__select {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 99999;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    flex-direction: column;
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.change-country:hover .change-country__select {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.change-country:hover .change-country__button::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.change-country__item {
    padding: 4px 24px 4px 4px;
    line-height: 0;
    cursor: pointer !important;
}

.change-country__item:hover {
    background: #1C1C1C;
}

.change-country__item i {
    display: inline-block;
    width: 36px;
    height: 18px;
}

.change-country__item-kz i {
    background: url('../img/country/kz.svg') 0 0 no-repeat;
}

.change-country__item-uz i {
    background: url('../img/country/uz.svg') 0 0 no-repeat;
}

.change-country__item-ru i {
    background: url('../img/country/ru.svg') 0 0 no-repeat;
}

@media all and (max-width: 640px) {
    .header__catalog-links .header__catalog-link span {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    /*.header__catalog-links {
        display: none;
    }*/
    .header .header__catalog-links .header__catalog-link {
        padding: 0 10px;
    }
    .header .change-country__button {
        padding-right: 15px;
    }
    .header .change-country__button:after {
        right: 3px;
    }
    .header .change-country__button i {
        width: 20px;
        height: 15px;
        background-size: cover;
    }
    .header .header__nav {
        column-gap: 4px;
    }
}