From 16bb8af12c7afb399989e7ef9724d50833aaeb54 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Thu, 28 May 2026 13:29:44 +0200
Subject: [PATCH] feat(stellungnahme): Text-erstellen-Button pulsiert
 (animate-ping)

---
 .../blocks/StellingnahmeGeneratorBlock.svelte       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
index d359715..00e1e8a 100644
--- a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
+++ b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
@@ -894,11 +894,14 @@ ${"=".repeat(64)}`;
 
       <div class="mb-2 flex gap-3">
         <button class="rounded-lg border border-stein-300 px-4 py-2 text-sm text-stein-600 hover:bg-stein-50" onclick={() => goTo(3)}>← Zurück</button>
-        <button
-          class="rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
-          disabled={!absenderName.trim()}
-          onclick={generateOutput}
-        >Text erstellen</button>
+        <span class="relative inline-flex">
+          <span class="absolute inline-flex h-full w-full animate-ping rounded-lg bg-wald-400 opacity-50"></span>
+          <button
+            class="relative rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
+            disabled={!absenderName.trim()}
+            onclick={generateOutput}
+          >Text erstellen</button>
+        </span>
       </div>
       {#if !absenderName.trim()}
         <p class="mb-4 text-xs text-erde-600">Bitte Namen eintragen, um den Text zu erstellen.</p>