Initie bouton calculer l'impact budgétaire pour mobile

src/lib/components/BudgetConnexionModal.svelte

@@ -117,7 +117,7 @@
               Estimations budgétaires de votre réforme
             </h1>
             <div class="flex flex-col px-5">
-              <h2 class="w-full text-left text-xl font-bold">
+              <h2 class="w-full text-left text-2xl font-bold">
                 Vous êtes parlementaire ou habilité* ? Utilisez le
                 simulateur&nbsp;:
                 <br />
@@ -158,7 +158,7 @@
             </div>
             <div class="bg-gray-100 px-5 pb-10 pt-5 border-t mt-10">
               <div>
-                <h2 class="w-full text-left text-xl font-bold mb-5">
+                <h2 class="w-full text-left text-2xl font-bold mb-5">
                   Demandez le calcul de votre réforme au service
                   LexImpact&nbsp;:
                   <br />
@@ -172,7 +172,9 @@
                 <span class="font-bold text-sm py-2 pl-10"
                   >Votre adresse e-mail :</span
                 >
-                <div class="flex w-full px-10 items-center gap-5">
+                <div
+                  class="flex md:flex-row flex-col w-full px-0 md:px-10 items-center gap-5"
+                >
                   <div
                     class="flex rounded-t-md border-b-2 border-b-black bg-white px-2 grow max-w-lg"
                   >

src/routes/+page.svelte

@@ -1359,7 +1359,7 @@
 
                   <div class="w-full flex itemps-center justify-center">
                     <a
-                      class="mt-4 rounded-lg bg-le-jaune px-4 py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
+                      class="mt-2 lg:mt-4 rounded-lg bg-le-jaune px-4 py-1 lg:py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
                       on:click={() => (isBudgetConnexionModalOpen = true)}
                     >
                       Calculer l'impact budgétaire
@@ -1625,6 +1625,24 @@
       {/if}
     </div>
   </div>
+  <!--Bouton flottant mobile Calculer l'impact budgétaire A CONFIGURER-->
+  <div
+    class="md:hidden fixed bottom-0 bg-le-jaune-light z-40 rounded-t-lg shadow-md p-3 flex-col flex items-center justify-center mx-5 inset-x-0"
+  >
+    <p>
+      Pour voir l'<strong>impact de votre réforme</strong>&nbsp;:
+    </p>
+
+    <div class="w-full flex itemps-center justify-center">
+      <a
+        class="mt-2 lg:mt-4 rounded-lg bg-le-jaune px-4 py-1 lg:py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
+        on:click={() => (isBudgetConnexionModalOpen = true)}
+      >
+        Calculer l'impact budgétaire
+      </a>
+    </div>
+  </div>
+  <BudgetConnexionModal bind:isOpen={isBudgetConnexionModalOpen} />
 
   <!--Bouton flottant mobile pour fermer volet édition du cas type-->
   <button