.card-hover-content {
    color: var(--color-dark-blue);
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    height: 100%;
}

.card-hover-content-title 
{
    /* height: auto; */
    height: calc( 12.5% - 1vh );
    width: 98%;
}

.card-hover-content-title span 
{
    font-weight: 700;
    font-size: clamp(1rem, 5vw - 1rem, 1.025rem);
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-hover-content-date 
{ 
    height: calc( 7.5% - 1vh ); 
    font-weight: 700;
    font-size: clamp(0.813rem, 4vw - 1rem, 0.938rem);
    line-height: 20px;
    margin-bottom: 1.5vmax;
    opacity: 1;    
}

.card-hover-text:hover .card-hover-content-date,
.card-hover-text:hover .card-hover-content-title,
.card-hover-text:hover .card-hover-content-title span
{
    margin-bottom: 1vh;
    height: unset;
    -webkit-line-clamp: unset;
}

.card-hover-content-text {
    font-size: clamp(0.813rem, 4vw - 1rem, 0.938rem);
    line-height: 1.4;
    height: 100%;
    overflow-y: auto;
    padding-right: .8vmax;
    opacity: 0;
    transition-delay: .6s;
}
 
.card-hover-text:hover .card-hover-content-text {
    opacity: 1;
    transition: opacity .25s;
}