homegrade_theme_production/template-components/card-frequent_question.css

51 lines
1010 B
CSS

.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;
}
}
&.card-patrimoine:hover {
.cta_arrow_button {
@apply filter-patrimoine;
}
}
}