.whitepaper-card {
height: 100%;
display: grid;
grid-template-rows: auto auto 1fr;
row-gap: 12px;
transition: 0.15s opacity;
&:hover {
opacity: 0.8;
}
& > img {
border-radius: 6px;
}
& .whitepaper-card__title {
margin-top: 4px;
font-size: 1rem;
line-height: 1.5;
font-weight: bold;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 48px;
@media screen and (max-width: 768px) {
font-size: 0.9375rem;
line-height: 1.5;
max-height: 45px;
}
}
}