.custom-btn {
    transition: transform 0.2s ease-out !important;
}

.custom-btn:hover {
    transform: translateY(-3px) !important;
}


.gradient .tn-atom::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}




 .breadcrumbs-home .tn-atom {

    position: relative;

    text-decoration: none !important;

    transition: color 0.20s ease-out;
}

/* Линия под текстом */

.breadcrumbs-home .tn-atom:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -2px;

    width: 0;

    height: 1px;

    background: #FFFFFF;

    transition: width 0.20s ease-in-out;
}

/* Наведение */

.breadcrumbs-home .tn-atom:hover {

    color: #FFFFFF !important;
}

/* Появление линии */

.breadcrumbs-home .tn-atom:hover:after {

    width: 100%;
}