.blog-card {
  display: block;
}

.blog-card__image-wrapper {
  overflow: hidden;
}

.blog-card__image {
  width: 100%;
}

.blog-card:hover .blog-card__image {
  opacity: 0.9;
  transform: scale(1.05);
}

.blog-card__post {
  flex: 1;
  border: 1px solid var(--hs-color-border-light);
  padding: calc(var(--hs-spacing-large) * 2);
  background: var(--hs-color-card-bg);
}

.blog-card--truncated {
  overflow: hidden;
}

.blog-card__title--truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card__info {
  color: var(--hs-palette-button-secondary-contrast);
  margin-top: auto;
}