diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 280dc42..292b75b 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -68,7 +68,7 @@ function Hero() {
               />
             </div>
             <div class="sm:space-x-4 space-x-0 flex flex-col items-center sm:flex-row sm:justify-center">
-              <button className="bg-[#0dff1c] w-[190px] h-[60px]  rounded-md font-medium my-4 py-3 text-black">
+              <button className="hover:bg-green-700 bg-[#0dff1c] w-[190px] h-[60px]  rounded-md font-medium my-4 py-3 text-black">
                 <a
                   href="https://docs.google.com/forms/d/e/1FAIpQLScXC6WhL-tIYUXqeqsJM4Dmp3SzW3HDTw0Em06aV2zll_QcrA/viewform"
                   target="_blank"
@@ -77,7 +77,7 @@ function Hero() {
                   Join Us 🤝
                 </a>
               </button>
-              <button className="bg-[#0dff1c] w-[190px] h-[60px] rounded-md font-medium my-4 py-3 text-black">
+              <button className=" hover:bg-green-700 bg-[#0dff1c] w-[190px] h-[60px] rounded-md font-medium my-4 py-3 text-black">
                 <a
                   href="https://cal.com/fosscu/"
                   target="_blank"