diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 3557ea0..b48df62 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -36,7 +36,7 @@ export default function LandingPage() {
       logoClassName="scale-[2.5]"
       brandName="Digital Creation"
       button={{
-        text: "WhatsApp",        href: "https://wa.me/yournumber"}}
+        text: "WhatsApp",        href: "https://wa.me/yournumber",        className: "bg-[#25D366] hover:bg-[#128C7E] text-white"}}
     />
   </div>
 
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index df9f681..543b568 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -30,7 +30,7 @@ export default function ContactPage() {
           logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
           brandName="Digital Creation"
           logoClassName="scale-[4.5]"
-          button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+          button={{ text: "WhatsApp", href: "https://wa.me/yournumber", className: "bg-[#25D366] hover:bg-[#128C7E] text-white" }}
         />
         
         <ContactSplit
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 541f542..8a731bd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function LandingPage() {
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
             brandName="Digital Creation"
             logoClassName="scale-[4.5]"
-            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+            button={{ text: "WhatsApp", href: "https://wa.me/yournumber", className: "bg-[#25D366] hover:bg-[#128C7E] text-white" }}
           />
         </div>
 
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index bd831b8..8408634 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -33,7 +33,7 @@ export default function ServicesPage() {
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
             brandName="Digital Creation"
             logoClassName="scale-[4.5]"
-            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+            button={{ text: "WhatsApp", href: "https://wa.me/yournumber", className: "bg-[#25D366] hover:bg-[#128C7E] text-white" }}
           />
         </div>
 
@@ -87,4 +87,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file