<h3>
  <div class="flexrow flex-center">
    <img class="chat-icon" src="{{source.actor.img}}" data-tooltip="{{source.actor.name}}" />
    <span class="flexcol tendre-moment">
      <div >
      <i class="{{#if (gte source.coeur 1)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte source.coeur 2)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte source.coeur 3)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte source.coeur 4)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      </div>
      <div>
      <i class="{{#if (gte target.coeur 4)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte target.coeur 3)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte target.coeur 2)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      <i class="{{#if (gte target.coeur 1)}}fa-solid{{else}}fa-regular{{/if}} fa-heart"></i>
      </div>
    </span>
    <img class="chat-icon" src="{{target.actor.img}}" data-tooltip="{{target.actor.name}}" />
  </div>
</h3>
<p>
  {{source.actor.name}} propose à {{target.actor.name}} de passer un tendre moment
</p>
<p>
  <span class="chat-card-button-area">
    <a class="accepter-tendre-moment chat-card-button">Accepter</a>
  </span>
  &nbsp;
  <span class="chat-card-button-area">
    <a class="refuser-tendre-moment chat-card-button">Refuser</a>
  </span>
</p>