.seminar-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;
}
& .seminar-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;
}
}
& .seminar-card__date {
margin-top: auto;
display: block;
font-size: 0.9375rem;
line-height: 1.5;
font-weight: 500;
background: #354e6f;
color: #fff;
border-radius: 3px;
padding: 4px 24px;
width: 100%;
height: fit-content;
text-align: center;
@media screen and (max-width: 768px) {
font-size: 0.8125rem;
}
}
}