diff --git a/components/HomePage/Banner/Banner.module.css b/components/HomePage/Banner/Banner.module.css
index 7d7d472f..8342a0ff 100644
--- a/components/HomePage/Banner/Banner.module.css
+++ b/components/HomePage/Banner/Banner.module.css
@@ -96,6 +96,7 @@
   color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
 
   @mixin hover {
+    --button-hover-color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
     background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-4));
   }
 }