.homegrade-blocks-page-card {
  @apply flex flex-col text-2xl mt-8 bg-white shadowed-lg rounded-3xl !p-8 relative;

  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  &:hover {
    @apply !bg-white !rounded-3xl translate-y-2;
    transition: all 0.3s ease-in-out;
    scale: 1.01;
    .homegrade-blocks-page-card__cta .cta_arrow_button {
      @apply translate-x-1;
    }
  }
  &__icon {
    max-width: 80px !important ;
  }
  &__title {
    text-decoration: none;
    @apply !text-xl font-bold !mt-3 text-black;
    line-height: 1.2 !important;
  }

  &__excerpt {
    @apply text-base pt-3 !text-base  text-black font-normal;
  }

  &__cta {
    .cta_arrow_button {
      transition: all 0.3s ease-in-out;
    }
    @apply mt-auto text-lg relative w-full text-black;
    /* align-self: last baseline; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
    font-weight: 700;
    /* position: unset; */
  }
}

.post-card--coproprietes,
.post-card--mede-eigendommen,
.post-card--acoustique,
.post-card--akoestiek {
  h2.post-card__title {
    @apply text-acoustique-coproprietes;
  }
}

.post-card--urbanisme,
.post-card--stedenbouw,
.post-card--energies,
.post-card--energie {
  h2.post-card__title {
    @apply text-energies-urbanisme;
  }
}

.post-card--au-quotidien,
.post-card--dagelijks,
.post-card--isolatie,
.post-card--isolation {
  h2.post-card__title {
    @apply text-isolation-quotidien;
  }
}

.post-card--patrimoine,
.post-card--erfgoed,
.post-card--sante-et-securite,
.post-card--gezondheid-en-veiligheid {
  h2.post-card__title {
    @apply text-patrimoine-sante-securite;
  }
}
.post-card--location,
.post-card--verhuur,
.post-card--durabilite,
.post-card--duurzaamheid {
  h2.post-card__title {
    @apply !text-location-durabilite;
  }
}