From 4e46e82770cbe5d6516de35b113058e3e95385d2 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Thu, 28 May 2026 13:32:08 +0200
Subject: [PATCH] feat(stellungnahme): Button subtiles Wiggle-Rotate statt
 bounce

---
 .../blocks/StellingnahmeGeneratorBlock.svelte  | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
index b44476b..dd3442b 100644
--- a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
+++ b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
@@ -895,7 +895,7 @@ ${"=".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="animate-bounce rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
+          class="btn-wiggle 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>
@@ -963,3 +963,19 @@ ${"=".repeat(64)}`;
     </div>
   {/if}
 </section>
+
+<style>
+  @keyframes wiggle {
+    0%, 100% { transform: rotate(0deg); }
+    20% { transform: rotate(-2deg); }
+    40% { transform: rotate(2deg); }
+    60% { transform: rotate(-1.5deg); }
+    80% { transform: rotate(1.5deg); }
+  }
+  .btn-wiggle {
+    animation: wiggle 2.4s ease-in-out infinite;
+  }
+  .btn-wiggle:hover {
+    animation: none;
+  }
+</style>