From 9f6b44b478623c6352a90824a8cce1100347c43c Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Thu, 9 Apr 2026 14:01:25 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20button=20hover=20animations=20=E2=80=94?=
 =?UTF-8?q?=20PDF=2045=C2=B0,=20wiggle=20for=20info/keyboard/bot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/04-interactive/_chat.css           |  3 +--
 .../css/04-interactive/_scroll-behavior.css   | 26 +++++++------------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/static/css/04-interactive/_chat.css b/static/css/04-interactive/_chat.css
index 4e5540c..2b1bb04 100644
--- a/static/css/04-interactive/_chat.css
+++ b/static/css/04-interactive/_chat.css
@@ -38,8 +38,7 @@
 }
 
 .chat-toggle-btn:hover iconify-icon {
-    transform: rotate(90deg);
-    transition: transform 0.3s ease;
+    animation: iconWiggle 0.5s ease;
 }
 
 /* Icon swap: show mascot by default, close when active */
diff --git a/static/css/04-interactive/_scroll-behavior.css b/static/css/04-interactive/_scroll-behavior.css
index 6c330c6..856fd54 100644
--- a/static/css/04-interactive/_scroll-behavior.css
+++ b/static/css/04-interactive/_scroll-behavior.css
@@ -142,16 +142,21 @@
     transition: transform 0.3s ease;
 }
 
-/* Rotate clockwise: PDF, leaf, info, theme, chat close */
-.download-btn:hover iconify-icon,
+/* Rotate 45°: PDF */
+.download-btn:hover iconify-icon {
+    transform: rotate(45deg);
+}
+
+/* Rotate 90°: leaf, theme */
 .print-friendly-btn:hover iconify-icon,
-.info-button:hover iconify-icon,
 .color-theme-switcher:hover iconify-icon {
     transform: rotate(90deg);
 }
 
-/* Wiggle: email envelope */
-.fixed-btn.contact-btn:hover iconify-icon {
+/* Wiggle: email, info, keyboard, chat bot */
+.fixed-btn.contact-btn:hover iconify-icon,
+.info-button:hover iconify-icon,
+.shortcuts-btn:hover iconify-icon {
     animation: iconWiggle 0.5s ease;
 }
 
@@ -164,17 +169,6 @@
     100% { transform: rotate(0deg); }
 }
 
-/* Scale pulse: keyboard */
-.shortcuts-btn:hover iconify-icon {
-    animation: iconPulse 0.4s ease;
-}
-
-@keyframes iconPulse {
-    0%   { transform: scale(1); }
-    50%  { transform: scale(1.25); }
-    100% { transform: scale(1); }
-}
-
 /* Bounce up: back-to-top arrow */
 .back-to-top:hover iconify-icon {
     animation: iconBounceUp 0.4s ease;