.button-new { 
    background-color: #517E4A; 
background-image: url(https://static.tildacdn.com/tild6630-6638-4133-b933-376538353931/fruit-apple_115221_3.svg); 
background-size: 18px; 
background-repeat: no-repeat; 
background-position: right 40px center; 
padding-right: 40px; 
border-radius: 30px; 
text-color: #fff; 
font-weight: 500; 
font-size: 16px; 
border: none; 
cursor: pointer; 
}



.button-new:hover {
  background-color: #4D6948;
}


.t-feed__container .t-feed__parts-switch-wrapper {
    margin-bottom: 0px;
}

.t-input {
    height: 48px;
}



.t702 .t702__wrapper {
    padding: 40px 40px;
}

/* Заголовок по умолчанию (для больших экранов) */
.t702 .t702__title {
    font-size: 24px; /* можешь изменить под свой основной размер */
}

/* Для экранов от 480px до 640px */
@media (min-width: 480px) and (max-width: 640px) {
    .t702 .t702__title {
        font-size: 20px;
    }
}

/* Для экранов до 480px */
@media (max-width: 480px) {
    .t702 .t702__wrapper {
        padding: 20px 20px;
        max-width: 320px;
        margin: 0 auto;
    }

    .t702 .t702__title {
        font-size: 16px !important;
    }
}




.navedi[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #333333 !important;
}

.navedi[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #517E4A !important;
}

.navedi[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: 0px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: ; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 51%;
    right: 51%;
    width: 0;
     
}

.navedi[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #517E4A;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}





.navedi-2[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #333333 !important;
}

.navedi-2[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #333333 !important;
}

.navedi-2[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: 0px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: #bdbdbd; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}

.navedi-2[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #333333;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 51%;
    right: 51%;
    width: 0;
     
}