Agrandit le spinner du bouton Estimer sur petit écran

src/lib/components/impact/Button.svelte

@@ -50,14 +50,14 @@
   }
 </script>
 
-<div class="relative my-4 inline-block">
+<div class="relative inline-block py-2">
   <button
-    class="ease-out-back flex flex-row items-center gap-2 rounded-md border border-white bg-le-bleu px-5 py-2 text-sm font-bold uppercase tracking-[0.085em] text-white shadow-lg transition-all duration-200 hover:border-le-bleu hover:bg-gray-100 hover:text-le-bleu active:bg-gray-200 disabled:scale-90 disabled:opacity-0 lg:right-5 xl:right-10"
+    class="ease-out-back flex flex-row items-center gap-2 rounded-md border border-white bg-le-bleu px-3 py-2 text-sm font-bold uppercase tracking-[0.085em] text-white shadow-lg transition-all duration-200 hover:border-le-bleu hover:bg-gray-100 hover:text-le-bleu active:bg-gray-200 disabled:opacity-0 lg:right-5 xl:right-10"
     onclick={() => triggerCalculation()}
   >
     {#if runningCalculation()}
       <svg
-        class="h-5 w-5 animate-spin"
+        class="h-10 w-10 animate-spin sm:h-5 sm:w-5"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
@@ -83,7 +83,7 @@
   {#if badgeIsVisible}
     <!-- Affiche un badge d'information -->
     <div
-      class="border-blue absolute -bottom-6 -right-2 z-30 flex items-center justify-center overflow-hidden text-nowrap rounded-full border-2 bg-white p-1 text-xs font-bold tracking-wider text-le-bleu shadow transition-all duration-200 hover:bg-gray-100"
+      class="border-blue absolute -bottom-4 -right-2 z-30 flex items-center justify-center overflow-hidden text-nowrap rounded-full border-2 bg-white p-1 text-xs font-bold tracking-wider text-le-bleu shadow transition-all duration-200 hover:bg-gray-100"
     >
       Pas de modification à estimer.
     </div>