.NavCard {
  aspect-ratio: auto;
  --back-transform: 100%;
  border: none;
  block-size: 100%;
  padding-block: var(--size-proportional);
  --background-color-post: var(--orange-back-light);
  --card-border-color: var(--orange-border);
}
.NavCard-next {
  padding-inline: var(--size-proportional);
  text-align: left;
}
.NavCard-prev {
  /* padding-inline: var(--size-l4) var(--size-default); */
  padding-inline: var(--size-l3);
  text-align: right;
}
.NavCard-next .PostCard-title {
  text-align: left;
}
.NavCard-prev .PostCard-title {
  text-align: right;
}
.NavCard-next .PostCard-categories {
  justify-content: start;
}
.NavCard-prev .PostCard-categories {
  justify-content: end;
}
/* .NavCard .PostCard-categories {
  margin-block-start: calc(0rem - var(--size-default));
} */

.NavCard-next svg {
  transform: rotate(180deg);
}

.NavCard .back {
  transform: translateX(var(--back-transform));
}
.NavCard .back2 {
  fill: var(--card-border-color);
  transition: fill 300ms var(--elastic-easing);
  transform: translate(-200px);
}
.NavCard .back3 {
  fill: var(--card-border-color);
  transform: translate(-400px);
  transition:
    fill 250ms var(--elastic-easing),
    transform 350ms var(--elastic-easing);
}
.NavCard:hover .back2 {
  fill: rgb(255, 255, 255, 0.2);
  transform: translate(0px);
}
.NavCard:hover .back3 {
  fill: rgb(255, 255, 255, 0.1);
  transform: translateX(200px);
}

.NavCard .PostCard-title {
  padding-block: var(--size-small);
}