.card-frequent-question {
  @apply shadowed p-8 rounded-3xl relative;

  &__icon {
    max-width: 80px;
  }
  &__title {
    @apply mt-4;
    @apply text-xl pb-4 font-bold;
  }
  &__details-container {
    @apply mt-4 flex justify-between items-center;
  }
  &__tags_container {
    @apply flex flex-wrap  gap-x-3;

    .tag {
      @apply py-1 px-4 rounded-lg;
    }
  }

  &.card-acoustique:hover,
  &.card-petites-coproprietes:hover {
    .cta_arrow_button {
      @apply filter-acoustique-coproprietes;
    }
  }
  &.card-au-quotidien:hover,
  &.card-isolation:hover {
    .cta_arrow_button {
      @apply filter-isolation-quotidien;
    }
  }
  &.card-energies:hover,
  &.card-urbanisme:hover {
    .cta_arrow_button {
      @apply filter-energies-urbanisme;
    }
  }
  &.card-location:hover {
    .cta_arrow_button {
      @apply filter-location-renovation-circulaire;
    }
  }
  &.card-patrimoine:hover {
    .cta_arrow_button {
      @apply filter-patrimoine-renovation;
    }
  }
}
