/* ГРАДИЕНТ В ШАПКЕ НА КНОПКЕ */
.smooth-underline .tn-atom {
    display: inline-block !important;
    text-decoration: none !important;
    /* Линия через градиент */
    background-image: linear-gradient(#44DCD3, #44DCD3) !important;
    background-repeat: no-repeat !important;
    background-size: 0% 2px !important;
    padding-bottom: 4px !important;
    
    /* СЕКРЕТ ТУТ: При обычном состоянии линия прижата к ПРАВОМУ краю */
    background-position: 100% 100% !important; 
    transition: background-size 0.3s ease-in-out !important;
}

.smooth-underline:hover .tn-atom {
    background-size: 100% 2px !important;
    /* При наведении прижимаем к ЛЕВОМУ краю, чтобы она выросла слева */
    background-position: 0% 100% !important;
}
/* ГРАДИЕНТ В ШАПКЕ НА КНОПКЕ */
</style>