.is-motion .__post-head {
  opacity: 0;
  transform: translateY(24rem);
}
.is-motion .__post-card {
  opacity: 0;
  transform: translateY(40rem);
}
.is-motion .__post-paging {
  opacity: 0;
  transform: translateY(20rem);
}

.post-grid__link {
  display: block;
}
@media (hover: hover) {
  .post-grid__link:focus .post-grid__image::before, .post-grid__link:hover .post-grid__image::before {
    opacity: 1;
  }
  .post-grid__link:focus h4, .post-grid__link:hover h4 {
    color: var(--color-primary);
  }
}
.post-grid__link h4 {
  transition: color 0.3s;
}
.post-grid__image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
}
@media (hover: hover) {
  .post-grid__image:focus .post-grid__image-thumb, .post-grid__image:hover .post-grid__image-thumb {
    scale: 1.05;
  }
}
.post-grid__image:has(img[src=""]), .post-grid__image:not(:has(img)) {
  background: url("/uploads/media/2026/07/logo.svg") no-repeat center center/40% auto;
}
.post-grid__image-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: scale 0.3s linear;
}
.post-grid .main-button {
  flex-shrink: 0;
  margin-top: 20rem;
}
.post-grid .main-button__text {
  border: 1px solid var(--color-gray-300);
  background-color: #fff;
  transition-property: color, border-color, background-color;
  transition-duration: 0.3s;
}
.post-grid .main-button__text::before, .post-grid .main-button__text::after {
  display: none;
}