.blog-card-link {
  display: block;
  height: 100%;
  color: inherit;
  border-radius: var(--radius-lg);
}

.blog-card-link:hover {
  color: inherit;
}

.blog-card-link:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}

.blog-card-link .blog-article {
  height: 100%;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.blog-card-link:hover .blog-article,
.blog-card-link:focus-visible .blog-article {
  transform: translateY(-2px);
  border-color: rgba(47, 130, 208, 0.18);
  box-shadow: 0 22px 44px rgba(24, 38, 39, 0.12);
}

.blog-card-link:hover .btn,
.blog-card-link:focus-visible .btn {
  background: var(--accent-deep);
  transform: translateY(-1px);
}