From 4ec69af57833fa6897e8ec6c7c217ae497e8675d Mon Sep 17 00:00:00 2001
From: 11Warrior <aayushthapa640@gmail.com>
Date: Tue, 10 Feb 2026 21:19:39 +0530
Subject: [PATCH] fix:button(Learn More About Us)-flickering-on-hover-fixed

---
 src/pages/index.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 14e063cd..c9bef7bd 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -97,17 +97,19 @@ export default function Home() {
                 </div>
                 <div className="mt-12 mx-4 md:mx-0 md:mt-8 text-left ">
                   <Link href="/about" className="group relative inline-block text-lg">
-                    <span className="relative z-10 block overflow-hidden rounded-lg border-2 border-gray-900 px-5 py-3 transition-colors duration-300 ease-in-out group-hover:text-white dark:group-hover:text-black">
+                    <span className="relative z-10 block overflow-hidden rounded-lg border-2 border-gray-900  px-5 py-3 transition-colors duration-300 ease-in-out group-hover:text-white dark:group-hover:text-black">
                       <span className="absolute inset-0 h-full w-full rounded-lg bg-white px-5 py-3"></span>
                       <span className="absolute left-0 -ml-2 h-48 w-72 origin-top-right -translate-x-full translate-y-12 -rotate-90 bg-[#00843D] transition-all duration-300 ease-in-out group-hover:-rotate-180 dark:bg-yellow-400"></span>
                       <span className="relative font-mono text-xl font-black tracking-tighter">
                         Learn More About Us
                       </span>
                     </span>
+
                     <span
-                      className="absolute bottom-0 right-0 mb-3 mr-2 h-14 w-full rounded-lg bg-[#00843D] transition-all duration-200 ease-linear group-hover:m-0 dark:bg-yellow-400"
+                      className="absolute pointer-events-none bottom-0 right-0 mb-3 mr-2 h-14 w-full rounded-lg bg-[#00843D]  transition-all duration-200 ease-linear group-hover:m-0  dark:bg-yellow-400"
                       data-rounded="rounded-lg"
                     ></span>
+
                   </Link>
                 </div>
               </div>