From 8da7320f00eed295b47bad1f0aef7e7700576fda Mon Sep 17 00:00:00 2001
From: Shresth Juyal <shresth.j25436@nst.rishihood.edu.in>
Date: Fri, 31 Oct 2025 16:40:20 +0530
Subject: [PATCH] Events page date button enhancement

---
 src/components/Events.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Events.jsx b/src/components/Events.jsx
index 208267f..ed5a7c0 100644
--- a/src/components/Events.jsx
+++ b/src/components/Events.jsx
@@ -418,7 +418,7 @@ const Events = () => {
                   
                   {/* Date Badge */}
                   <div className="absolute top-3 left-3 sm:top-4 sm:left-4 z-10">
-                    <div className="bg-blue-500/90 backdrop-blur-sm text-white px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg sm:rounded-xl shadow-lg">
+                    <div className="relative bg-white/20 backdrop-blur-lg text-white font-medium px-5 py-2.5 rounded-xl border border-white/40 shadow-[0_4px_20px_rgba(255,255,255,0.15)] hover:bg-white/30 hover:border-white/60 hover:shadow-[0_4px_30px_rgba(255,255,255,0.25)] transition-all duration-300 ease-out">
                       <p className="text-xs sm:text-sm font-semibold">
                         {new Date(event.startDate).toLocaleDateString('en-US', { 
                           month: 'short',