21 lines
662 B
HTML
21 lines
662 B
HTML
<div class="feature-card-container">
|
|
<!-- Use [ngStyle] para aplicar o alinhamento a todo o bloco do card -->
|
|
<div class="feature-card"
|
|
(mouseenter)="isHovered = true"
|
|
(mouseleave)="isHovered = false"
|
|
[ngClass]="{'hover-state': isHovered}"
|
|
[ngStyle]="{'text-align': textAlign}"> <!-- 🎯 APLICA O ALINHAMENTO AQUI -->
|
|
|
|
<!-- Ícone e Título Principal (em rosa) -->
|
|
<h3 class="card-title">
|
|
<i class="card-icon {{ iconClass }}"></i>
|
|
{{ title }}
|
|
</h3>
|
|
|
|
<!-- Conteúdo/Descrição do Card -->
|
|
<p class="card-description">
|
|
<span [innerHTML]="description"></span>
|
|
</p>
|
|
|
|
</div>
|
|
</div> |