make buttons clicklable

index.html

@@ -27,13 +27,13 @@
             </sparkles-effect>
 <p class="text-2xl mb-8 max-w-2xl mx-auto leading-relaxed text-white/90">Join <span class="text-purple-300">DevHub Academy</span> and unlock your potential in the world of code</p>
 <div class="flex justify-center gap-4">
-    <a href="https://devhubacademy.netlify.app/" target="_blank" class="bg-white text-blue-600 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition duration-300">Live Demo</a>
-    <a href="#courses" class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-blue-600 transition duration-300">Explore Courses</a>
-    <a href="https://discord.gg/CJzDNf9D" target="_blank" class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-blue-600 transition duration-300 flex items-center gap-2">
-<i data-feather="message-circle"></i> Join Discord
-                </a>
+    <a href="https://devhubacademy.netlify.app/" target="_blank" class="bg-white text-blue-600 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition duration-300 transform hover:scale-105 active:scale-95">Live Demo</a>
+    <a href="#courses" class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-blue-600 transition duration-300 transform hover:scale-105 active:scale-95">Explore Courses</a>
+    <a href="https://discord.gg/CJzDNf9D" target="_blank" class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-blue-600 transition duration-300 flex items-center gap-2 transform hover:scale-105 active:scale-95">
+        <i data-feather="message-circle"></i> Join Discord
+    </a>
+</div>
 </div>
-        </div>
         <div class="absolute bottom-0 left-0 right-0 h-16 bg-white"></div>
     </section>
     <!-- Features Section -->
@@ -73,10 +73,10 @@
             <div class="max-w-2xl mx-auto">
                 <h2 class="text-3xl font-bold mb-6">Join Our Coding Community</h2>
                 <p class="text-xl mb-8">Connect with fellow learners, get help from mentors, and participate in coding challenges on our Discord server!</p>
-                <a href="https://discord.gg/CJzDNf9D" target="_blank" class="bg-white text-indigo-800 px-8 py-4 rounded-full font-bold hover:bg-gray-100 transition duration-300 inline-flex items-center gap-2">
+                <a href="https://discord.gg/CJzDNf9D" target="_blank" class="bg-white text-indigo-800 px-8 py-4 rounded-full font-bold hover:bg-gray-100 transition duration-300 inline-flex items-center gap-2 transform hover:scale-105 active:scale-95">
                     <i data-feather="message-circle"></i> Join Now
                 </a>
-            </div>
+</div>
         </div>
 </div>
                     <h3 class="text-xl font-semibold mb-3">Career Services</h3>

style.css

@@ -146,8 +146,8 @@ a:hover {
   transform: translateY(-8px) scale(1.02);
   box-shadow: 0 15px 40px rgba(139, 92, 246, 0.4);
   border-color: rgba(236, 72, 153, 0.5);
+  cursor: pointer;
 }
-
 .course-footer a {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }