diff --git a/gameboard-easy.html b/gameboard-easy.html
index d3448cc..2c1b0de 100644
--- a/gameboard-easy.html
+++ b/gameboard-easy.html
@@ -244,12 +244,12 @@ body {
 
 <script>
 const images = [
-  "asset/alpukat.jpg",
-  "asset/anggur.jpg",
-  "asset/apel.jpg",
-  "asset/buah naga.jpg",
-  "asset/jambu.jpg",
-  "asset/jeruk.jpg"
+  "images/fruit1.png",
+  "images/fruit2.png",
+  "images/fruit3.png",
+  "images/fruit4.png",
+  "images/fruit5.png",
+  "images/fruit6.png",
 ];
 
 let cards = [...images, ...images];
diff --git a/gameboard-medium.html b/gameboard-medium.html
index 782badd..ef3b259 100644
--- a/gameboard-medium.html
+++ b/gameboard-medium.html
@@ -243,14 +243,14 @@ body {
 <script>
 /* === 8 GAMBAR (16 kartu) === */
 const images = [
-  "asset/alpukat.jpg",
-  "asset/anggur.jpg",
-  "asset/apel.jpg",
-  "asset/buah naga.jpg",
-  "asset/jambu.jpg",
-  "asset/jeruk.jpg",
-  "asset/lemon.jpg",
-  "asset/nanas.jpg"
+  "images/fruit1.png",
+  "images/fruit2.png",
+  "images/fruit3.png",
+  "images/fruit4.png",
+  "images/fruit5.png",
+  "images/fruit6.png",
+  "images/fruit7.png",
+  "images/fruit8.png"
 ];
 
 let cards = [...images, ...images];
diff --git a/homestyle.css b/homestyle.css
index 3f76c58..577e5bc 100644
--- a/homestyle.css
+++ b/homestyle.css
@@ -94,9 +94,10 @@ body {
     border: none;
     border-radius: 40px;
     cursor: pointer;
-    background: linear-gradient(#ffe08a, #f5c654);
-    box-shadow: 0 6px 0 #c99a00;
+    background: linear-gradient(45deg, purple, hotpink);
+    box-shadow: 0 6px 0 rgb(90, 1, 90);
     transition: transform .2s ease-in-out;
+    color: white;
 }
 
 /* === BUTTON SHAKE ON HOVER === */