From cdb4ff0da123a49e8bf1930e9e70a7b0bc576e98 Mon Sep 17 00:00:00 2001 From: Shyla R Arora Date: Sun, 12 Oct 2025 09:29:10 -0700 Subject: [PATCH] added hover effect --- user/src/components/chatbot/Chatbot.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/user/src/components/chatbot/Chatbot.css b/user/src/components/chatbot/Chatbot.css index 800dd660..c55f1048 100644 --- a/user/src/components/chatbot/Chatbot.css +++ b/user/src/components/chatbot/Chatbot.css @@ -41,6 +41,7 @@ .chatbot-toggle-btn:hover { transform: scale(1.1); box-shadow: 0 8px 25px var(--shadow-color); + transition: all 0.3s ease; } /* --- CHAT WINDOW --- */ @@ -187,6 +188,9 @@ .chatbot-send-btn:hover { background-color: var(--primary-hover-color); + transform: scale(1.05); + box-shadow: 0 5px 15px var(--shadow-color); + transition: all 0.3s ease; } /* --- MOBILE ADJUSTMENTS --- */ @@ -234,6 +238,8 @@ .quick-question-btn:hover { background-color: var(--primary-hover-color); transform: scale(1.03); + box-shadow: 0 5px 15px var(--shadow-color); + transition: all 0.3s ease; } /* Scrollbar for quick questions */ @@ -318,5 +324,8 @@ .chatbot-quick-btn:hover { border-color: var(--primary-color); background-color: var(--user-msg-bg); /* subtle highlight */ + transform: scale(1.05); + box-shadow: 0 5px 15px var(--shadow-color); + transition: all 0.3s ease; }