/* скрываем описание по умолчанию */
.b12-card .b12-card__hint{
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}

/* показываем при наведении на карточку */
.b12-card:hover .b12-card__hint{
  opacity: 1;
  transform: translateY(0);
}

/* на телефонах hover нет — можно показывать всегда */
@media (hover: none){
  .b12-card .b12-card__hint{
    opacity: 1;
    transform: none;
  }
}