diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cd8d56b..85a2d43d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -239,11 +239,10 @@ export default async function HomePage() {
                   type="button"
                   className="rounded-full px-6 py-2.5 text-sm font-bold tracking-wide transition-all duration-200 hover:scale-105"
                   style={{
-                    background: "rgba(255,255,255,0.12)",
-                    backdropFilter: "blur(12px)",
-                    border: "1px solid rgba(255,255,255,0.15)",
-                    color: "#fff",
-                    boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
+                    background: "var(--button-color)",
+                    color: "var(--button-text-color)",
+                    border: "none",
+                    boxShadow: "0 4px 20px color-mix(in srgb, var(--color-primary) 30%, transparent)",
                   }}
                 >
                   Enter {hotelName}