.card{
   transition: all .3s;
   background-color: var(--tisc-bg-secondary);
   color: var(--tisc-text-primary);

   &.hover {
     &:hover{
       box-shadow: 0 3px 6px 0 var(--tisc-box-shadow);
     }
   }

   &__image img{
       display: block;
       margin: 0 auto;
       max-width: 100%;
       max-height: 100%;
   }

   &__details{
       padding: 25px 35px 55px;
   }

   &__body{
       overflow: hidden;
       line-height: 25px;

        &:not(:last-child) {
           margin-bottom: 15px;
        }
   }

   &__link{
      color: var(--tisc-text-primary);

       &:after{
           content: '\f054';
           font-family: 'Font Awesome 5 Free';
           font-weight: 900;
           padding-left: 5px;
       }

       &:hover{
           color: $blue;
       }
   }
}

.clamp {
  .card__body{
     //max-height: 75px;
     display: -webkit-box;
     -webkit-line-clamp: var(--clamp);
     -webkit-box-orient: vertical;
  }
}