diff --git a/components/Footer.js b/components/Footer.js
index a190921..bf1e0f2 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -48,7 +48,7 @@ const Footer = () => {
                             </div>
                         </div>
                     </div>
-                    <div className="btn btn-primary max-sm:mt-4 max-sm:mx-2 bg-[#ffffff] p-4 text-black cursor-pointer">Call Now : (192) 121-000-000</div>
+                    <div className="btn btn-primary max-sm:mt-4 max-sm:mx-2 bg-[#ffffff] p-4 text-black cursor-pointer hover:bg-slate-200">Call Now : (192) 121-000-000</div>
                 </div>
             </div>
         </footer>
diff --git a/components/Header.js b/components/Header.js
index a89463a..c63859e 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -22,7 +22,7 @@ const links = [
     },
 ];
 
-const cta = <button className="btn btn-primary bg-[#ffffff] p-4 text-black">Call Now : 023-121-000-000</button>;
+const cta = <button className="btn btn-primary bg-[#ffffff] p-4 hover:bg-slate-200 text-black">Call Now : 023-121-000-000</button>;
 
 const Header = () => {
     const searchParams = useSearchParams();