From 04eb113aa34b2908a33cbe38c6a189ab2cf198b2 Mon Sep 17 00:00:00 2001
From: Pranshu <pranshupujara08@gmail.com>
Date: Thu, 21 May 2026 09:20:53 +0530
Subject: [PATCH] Enhance TopMateCard button styles for better visibility and
 consistency

---
 src/components/topmate/TopMateCard.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/topmate/TopMateCard.tsx b/src/components/topmate/TopMateCard.tsx
index aa1f6944..bf7b5326 100644
--- a/src/components/topmate/TopMateCard.tsx
+++ b/src/components/topmate/TopMateCard.tsx
@@ -136,9 +136,11 @@ const TopMateCard: React.FC<TopMateCardProps> = ({
           whileTap={{ scale: 0.98 }}
           className="mt-6 flex w-full items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-blue-600 to-purple-600 px-6 py-4 font-semibold text-white shadow-lg transition-all duration-300 hover:shadow-xl hover:from-blue-700 hover:to-purple-700"
         >
-          <Calendar size={18} />
-          <span>Schedule Now</span>
-          <ArrowUpRight size={18} />
+          <Calendar size={18} className="text-white" />
+          <span className="text-white font-semibold tracking-wide">
+            Schedule Now
+          </span>
+          <ArrowUpRight size={18} className="text-white" />
         </motion.a>
       </div>
     </motion.div>