.linebrown[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: #775D4C !important;
}

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

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

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






.linebeige[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: #B4A498 !important;
}

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

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

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




.linedark[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: #482D22 !important;
}

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

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

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





.linebro[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: #9E8574 !important;
}

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

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

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


.linelight[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: #F3E9E3 !important;
}

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

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

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