section.post-listing article a {
  -webkit-transition: var(--bezier);
  transition: var(--bezier);
  background: var(--teal);
  text-decoration: none;
  -ms-grid-rows: auto 0 1fr;
  grid-template-rows: auto 1fr;
  gap: 0;
  height: 100%;
}
section.post-listing article a:hover {
  background: var(--green);
}
section.post-listing article .content {
  padding: 1.25rem;
}
section.post-listing article h2 {
  --font-size: 1.4375rem;
  --line-height: 1.6875rem;
  color: var(--white);
}
section.post-listing article .img-wrapper {
  position: relative;
}
section.post-listing article .img-wrapper img {
  aspect-ratio: 450/350;
}
section.post-listing article .img-wrapper .tag {
  position: absolute;
  left: 0;
  top: 1.25rem;
  background: var(--green);
  color: var(--white);
  padding: 0.3125rem 1.25rem;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
section.post-listing article .img-wrapper .tag.right {
  right: 0;
  left: auto;
}