Подчеркивание текста
 

Не могу понять почему текст подчеркивается черным

.lots__title {
   font-size: 40px;
   padding: 15px 0 20px 65px;
}

.lots__card {
   display: grid;
   grid-template-columns: repeat(3, 334px);
   justify-content: space-around;
   position: relative;
   top: 8px;
   left: 10px;
}

.card__item {
   position: relative;
   padding: 40px;
   min-height: 563px;
   width: 334px;
}

.card__item::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, .5);
}

.card__one {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   background: url(../images/card-lot-01.jpg) 50% / cover no-repeat;
}


.card__two {
   background: url(../images/card-lot-02.jpg);
   position: relative;
   right: 10px;
}

.card__three {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   background: url(../images/card-lot-03.jpg) 50% / cover no-repeat;
   position: relative;
   right: 15px;
}


.card__title {
   padding-top: 12px;
   font-size: 22px;
   font-weight: 700;
   line-height: 26.4px;
   color: #fff;
   text-transform: uppercase;
   text-decoration: underline;
}

.card__text-two {
   position: relative;

}

.card__text {
   font-size: 20px;
   color: #fff;
   line-height: 24px;
   position: relative;
   bottom: 7px;
}

https://skr.sh/sNsJJzeuby8

Я понял, каждая карточка была в ссылке. Всем спасибо. Я уверен, вы бы помогли мне

deniscikasov@gmail.com,
делайте полноценный макет, а не только css.
например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.