.news-list-card {
  display: flex;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.news-list-card:hover {
  color: inherit;
  text-decoration: none;
  border-color: #b8c2ff;
  box-shadow: 0 14px 30px rgba(31, 43, 58, 0.14);
  transform: translateY(-4px);
}

.news-list-card:focus-visible {
  outline: 3px solid rgba(101, 118, 255, 0.35);
  outline-offset: 3px;
}

.news-list-image {
  display: block;
  overflow: hidden;
  background: #f8fafc;
}

.news-list-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 220ms ease;
}

.news-list-card:hover .news-list-image img {
  transform: scale(1.045);
}

.news-list-title {
  color: #061536;
  line-height: 1.3;
  transition: color 180ms ease;
}

.news-list-card:hover .news-list-title {
  color: #4b58d6;
}

.news-list-excerpt {
  display: block;
  margin-bottom: 18px;
}

.news-list-button {
  align-self: flex-start;
  pointer-events: none;
}