Newsletter

<div class="flex flex-col gap-y-2">
    <div class="font-bold">Newsletter</div>
    <form class="flex gap-x-2">

        <div class="footer-newsletter w-full flex relative">
            <label for="newsletter" class="sr-only">Votre adresse email pour recevoir la newsletter</label>
            <input
                id="newsletter"
                type="email"
                name="newsletter"
                placeholder="Email"
                required
                aria-required="true"
                class="form-email bg-transparent w-full h-auto"
            >
            <span class="required absolute right-0 top-0 h-full flex items-center pr-3 text-error">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                    <path d="M8.48605 7.23004L8.81938 7.03759L11.8608 5.2816C12.0734 5.15887 12.3452 5.23171 12.468 5.44428C12.5907 5.65685 12.5179 5.92867 12.3053 6.0514L9.26383 7.80738L8.9305 7.99983L9.26383 8.19228L12.3053 9.94827C12.5179 10.071 12.5907 10.3428 12.468 10.5554C12.3452 10.768 12.0734 10.8408 11.8608 10.7181L8.81938 8.96208L8.48605 8.76963V9.15453V12.6665C8.48605 12.912 8.28706 13.1109 8.0416 13.1109C7.79614 13.1109 7.59716 12.912 7.59716 12.6665V9.15454V8.76964L7.26382 8.96209L4.22237 10.7181L4.32568 10.897L4.22237 10.7181C4.0098 10.8408 3.73798 10.768 3.61525 10.5554C3.49252 10.3428 3.56536 10.071 3.77793 9.94827L6.81938 8.19228L7.15272 7.99983L6.81938 7.80738L3.77794 6.0514L3.66964 6.23898L3.77794 6.0514C3.56536 5.92867 3.49253 5.65685 3.61526 5.44428C3.73799 5.23171 4.0098 5.15887 4.22238 5.2816L7.26382 7.03758L7.59716 7.23003V6.84513V3.33317C7.59716 3.08771 7.79614 2.88873 8.0416 2.88873C8.28706 2.88873 8.48605 3.08771 8.48605 3.33317V6.84514V7.23004Z" fill="currentColor" stroke="currentColor" stroke-width="0.444444"/>
                </svg>
            </span>
        </div>

        {% render "@template-button" with {
            buttonType: "submit",
            label: 'OK',
            color: 'dark',
            aria_label: 'S\'inscrire à la newsletter'
        } %}
    </form>

    <div class="text-body-xs text-black/72">
        NAOS France (Etat Pur) collecte les données personnelles ci-dessus afin de prendre en charge votre demande. Pour
        en savoir plus sur l’utilisation de vos données et sur vos droits,
        <a href="#" class="underline hover:no-underline">cliquez-ici</a>
    </div>
</div>