diff --git a/src/components/sections/contact/ContactCTA.tsx b/src/components/sections/contact/ContactCTA.tsx
index 1dae2d0..ad8d355 100644
--- a/src/components/sections/contact/ContactCTA.tsx
+++ b/src/components/sections/contact/ContactCTA.tsx
@@ -6,6 +6,7 @@ import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "@/types/button";
 import type { InvertedBackground } from "@/providers/themeProvider/config/constants";
+import Button from "@/components/Button";
 
 type ContactCTABackgroundProps = Extract<
     HeroBackgroundVariantProps,
@@ -86,8 +87,8 @@ const ContactCTA = ({
                             descriptionClassName={cls("text-base md:text-lg leading-[1.2]", descriptionClassName)}
                             tagClassName={cls("px-3 py-1 text-sm rounded-theme card text-foreground inline-flex items-center gap-2 mb-3", tagClassName)}
                             buttonContainerClassName={cls("flex flex-wrap gap-4 mt-3", buttonContainerClassName)}
-                            buttonClassName={buttonClassName}
-                            buttonTextClassName={buttonTextClassName}
+                            buttonClassName={cls("bg-primary text-foreground hover:bg-primary-hover", buttonClassName)}
+                            buttonTextClassName={cls("text-sm font-medium", buttonTextClassName)}
                             center={true}
                         />
                     </div>