/*выравнивание текста по ширине*/

.justify-text { 
    text-align: justify;
}

/*анимация подчеркивания ссылок*/

.link-underline .tn-atom,
.link-underline a {
    position: relative;
    display: inline-block;
    text-decoration: none !important;
}

.link-underline .tn-atom::after,
.link-underline a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.5px;
    width: 100%;
    height: 1px;
    background-color: #292929;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.link-underline .tn-atom:hover::after,
.link-underline a:hover::after {
    transform: scaleX(1);
    transform-origin: left center;
}


/* === Кнопка с подчёркиванием === */

.t-records .button-underline .tn-atom,
.button-underline .tn-atom {
    position: relative !important;
    border: none !important;
    border-bottom: 1px solid #292929 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

.t-records .button-underline .tn-atom::after,
.button-underline .tn-atom::after {
    content: '' !important;
    position: absolute !important;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #292929;
    transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.t-records .button-underline .tn-atom:hover::after,
.button-underline .tn-atom:hover::after {
    width: 100%;
}

.button-underline .tn-atom:hover {
    background-color: transparent !important;
}

.button-underline .tn-atom:hover,
.button-underline a.tn-atom:hover {
    background-color: transparent !important;
}