diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 1e984ec..84101c7 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -18,7 +18,7 @@ export function HeroSection() {
           
           <Link
             href="/calendar"
-            className="inline-block bg-rose text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl"
+            className="inline-block text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl bg-[#7ebdc5]"
             style={{ 
               boxShadow: "0 6px 10px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.12)", 
               textShadow: "0 1px 3px rgba(0, 0, 0, 0.15)",
@@ -29,7 +29,6 @@ export function HeroSection() {
           </Link>
         </div>
       </div>
-      
       <div className="py-16 text-center bg-purple-light">
         <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
           <p className="text-2xl md:text-3xl font-normal text-gray-800">