<!-- Estilo para o cartão de depoimento -->
<style>
.depoimento-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
font-family: Arial, sans-serif;
}
.card-google {
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
width: 300px;
background: #fff;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.estrelas { color: #fbbc05; font-size: 18px; margin-bottom: 10px; }
.texto-depoimento { font-style: italic; color: #555; font-size: 14px; }
.autor { font-weight: bold; margin-top: 10px; display: block; }
.link-google {
display: inline-block;
margin-top: 15px;
color: #1a73e8;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
</style>
<div class="depoimento-container">
<!-- Card 1 -->
<div class="card-google">
<div class="estrelas">?????</div>
<p class="texto-depoimento">"Atendimento excelente e entrega muito rápida. O banner ficou com cores vivas, recomendo a Impressão Gráfica CG!"</p>
<span class="autor">- Cliente via Google</span>
<a href="COLOQUE_AQUI_O_LINK_DAS_SUAS_AVALIACOES" target="_blank" class="link-google">Ver no Google Maps ?</a>
</div>
</div>