/* Псевдоэлемент для плавного подчеркивания */
a[class*="t-btn"]::after, 
button[class*="t-btn"]::after,
a[class*="__btn"]::after,
button[class*="__btn"]::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;                        
    height: 2px;                       
    background-color: #ead3a4;         
    border-radius: 1px;
    transition: width 0.3s ease;       
}

/* Эффект при наведении */
a[class*="t-btn"]:hover, 
button[class*="t-btn"]:hover,
a[class*="__btn"]:hover,
button[class*="__btn"]:hover {
    color: #ead3a4;                    
    transform: translateY(-3px);        
/*    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); */
}

a[class*="t-btn"]:hover::after, 
button[class*="t-btn"]:hover::after,
a[class*="__btn"]:hover::after,
button[class*="__btn"]:hover::after {
    width: 100%;                       
}
/* Ссылки выглядят как кнопки */

/* Подчеркивание при наведении */
a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 0% !important;
    height: 2px !important;
    background-color: #ead3a4 !important;
    border-radius: 3px !important;
    transition: width 0.3s ease !important;
}

a:hover {
    background: none !important;    
    color: #ead3a4 !important;
    transform: translateY(-3px) !important;
    /*box-shadow: 0px 10px 20px rgba(0,0,0,0.15) !important;*/
}

a:hover::after {
    width: 100% !important;
}