From 7ee9fd8541f4940de31169b1c90a36911dcf68f8 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Mon, 27 Apr 2026 21:44:07 +0500
Subject: [PATCH] Add hover effect to login button in ReviewFormContainer

---
 .../src/components/reviews/ReviewFormContainer.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/reviews/ReviewFormContainer.tsx b/frontend/src/components/reviews/ReviewFormContainer.tsx
index 88252b6..72464be 100644
--- a/frontend/src/components/reviews/ReviewFormContainer.tsx
+++ b/frontend/src/components/reviews/ReviewFormContainer.tsx
@@ -118,9 +118,15 @@ export default function ReviewFormContainer() {
               </p>
               <a
                 href={`/auth/sign-in?redirect=${encodeURIComponent(window.location.pathname)}`}
-                class="inline-flex items-center justify-center font-semibold transition-all duration-300 rounded-md cursor-pointer px-6 py-3 text-lg"
-                style="background: linear-gradient(to bottom, #2563eb, #1e40af); color: white; box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);"
+                class="inline-flex items-center justify-center font-semibold transition-all duration-300 rounded-md cursor-pointer px-6 py-3 text-lg auth-login-btn"
+                style="background: linear-gradient(to bottom, #2563eb, #1e40af); color: white; box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3); transition: all 0.3s ease;"
               >
+                <style>{`
+                  .auth-login-btn:hover {
+                    transform: translateY(-2px);
+                    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
+                  }
+                `}</style>
                 <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
                 </svg>