  <style>
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(-100px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-fadeIn {
      animation: fadeIn 2s ease-out;
    }
  </style>
<div class="tracker bg-white rounded-lg shadow-lg p-6 w-full max-w-md md:max-w-lg lg:max-w-xl xl:max-w-2xl animate-fadeIn">
  <!-- Texte d'information sur les cookies -->
  <div class="mb-4">
    <p class="text-sm text-gray-700">
      {{introtext}}
      <a href="{{CGU}}" target="_blank" class="text-blue-500 hover:underline">{{{CGUlabel}}}</a>
    </p>
  </div>
  <!-- Boutons d'action -->
  <div class="flex flex-col space-y-2">
    {{#btn}}
    <button class="btn btn-primary w-full" onclick="apx.tracker.setconsent('{{tagid}}','{{action}}')">
      {{{text}}}
    </button>
    {{/btn}}
  </div>
</div>