diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8eae951..49f026c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,7 +63,9 @@ export default function LandingPage() {
         {
           text: "Request Service",          href: "#contact"},
       ]}
-      buttonClassName="bg-red-600 hover:bg-red-700 text-white font-bold px-6 py-3 rounded-full shadow-lg transition-all"
+      buttonClassName="font-bold px-6 py-3 rounded-full shadow-lg transition-all"
+      buttonTextClassName="font-bold"
+      className="[&_button:first-child]:bg-black [&_button:first-child]:text-white [&_button:first-child]:ring-2 [&_button:first-child]:ring-red-600 [&_button:last-child]:text-black"
       imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
       mediaAnimation="slide-up"
       avatars={[
@@ -231,4 +233,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file