.post-card-wrapper {
  --media-radius: 0.8rem;

  border: 0.1rem solid rgb(var(--color-outline));
  border-radius: 1.6rem;
  padding: 1.6rem;

  @media (min-width: 750px) {
    padding: 2.4rem;
  }
}

.post-card {
  display: grid;
  height: 100%;
  align-content: start;
  grid-template-rows: auto 1fr;
}

.post-card:has(.post-card__btn-wrapper) {
  grid-template-rows: auto 1fr auto;
}

.post-card__inner {
  margin-bottom: 1.6rem;

  @media (min-width: 750px) {
    margin-bottom: 2.4rem;
  }
}

.post-card__image {
  border-radius: var(--media-radius);
}

.post-card__image--small .post-card__image {
  min-height: 12rem;

  @media (min-width: 750px) {
    min-height: 15rem;
  }

  @media (min-width: 990px) {
    min-height: 17rem;
  }
}

.post-card__image--medium .post-card__image {
  min-height: 17rem;

  @media (min-width: 750px) {
    min-height: 15rem;
  }

  @media (min-width: 990px) {
    min-height: 20rem;
  }
}

.post-card__image--large .post-card__image {
  min-height: 20rem;

  @media (min-width: 750px) {
    min-height: 24rem;
  }

  @media (min-width: 990px) {
    min-height: 28rem;
  }
}

.post-card__date {
  color: var(--clr-date, inherit);
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;

  @media (min-width: 750px) {
    margin-bottom: 1.6rem;
  }
}

.post-card__heading:not(:last-child) {
  margin-bottom: 0.8rem;
}

.post-card__excerpt {
  margin-block: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-card__btn-wrapper {
  align-self: end;
  margin-top: 1.6rem;

  @media (min-width: 750px) {
    margin-top: 2.4rem;
  }
}