diff --git a/package.json b/package.json
index ac0ba67e..2335fe6f 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "embla-carousel-react": "^8.6.0",
     "firebase": "^9.22.2",
     "firebaseui": "6.1.0",
-    "framer-motion": "^12.7.5",
+    "framer-motion": "^12.23.22",
     "lucide-react": "^0.503.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.3.1",
diff --git a/src/pages/interview-prep/index.tsx b/src/pages/interview-prep/index.tsx
index ecc1f435..9bdd04da 100644
--- a/src/pages/interview-prep/index.tsx
+++ b/src/pages/interview-prep/index.tsx
@@ -1205,14 +1205,14 @@ function InterviewPrepContent({
             <motion.div className="flex flex-col sm:flex-row gap-4 justify-center" variants={fadeIn}>
               <Link
                 to="/get-started"
-                className="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold hover:bg-blue-50 transition-all duration-300 transform hover:scale-105 shadow-lg"
-              >
+                className="border-2 border-white bg-transparent text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300 transform hover:scale-105 shadow-lg"
+                >
                 Start Preparing Now
               </Link>
               <Link
                 to="/community"
-                className="border-2 border-white bg-white text-blue-500 px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300"
-              >
+                className="border-2 border-white bg-transparent text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300"
+                >
                 Join Community
               </Link>
             </motion.div>