diff --git a/views/addProduct.ejs b/views/addProduct.ejs
index f76f5961b8332cf36249d26a5fca48d13eb8f461..9b9e432f270552969cffc017c87c597df736aa19 100644
--- a/views/addProduct.ejs
+++ b/views/addProduct.ejs
@@ -32,16 +32,16 @@ body {
 
 /* --- ปุ่มหลัก (สีส้ม) --- */
 .btn-orange {
-    background-color: #ff6600;
-    color: white;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     border-radius: 8px;
     font-size: 16px;
-    font-weight: 500;
+    font-weight: 600;
     cursor: pointer;
-    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); /* เพิ่มเงาให้ปุ่ม */
-    transition: background-color 0.2s ease, transform 0.2s ease;
+    transition: background-color 0.2s ease, transform 0.1s ease;
+    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
 .btn-orange:hover {
diff --git a/views/cart.ejs b/views/cart.ejs
index c78d818f91fc404634842a450c916d0ab44cd80f..496476ffe4a5a3b5109fa61d76245936644fa449 100644
--- a/views/cart.ejs
+++ b/views/cart.ejs
@@ -31,16 +31,16 @@ body {
 
 /* --- ปุ่มหลัก (สีส้ม) --- */
 .btn-orange {
-    background-color: #ff6600;
-    color: white;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     border-radius: 8px;
     font-size: 16px;
-    font-weight: 500;
-    transition: background-color 0.2s ease, transform 0.1s ease;
+    font-weight: 600;
     cursor: pointer;
-    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3);
+    transition: background-color 0.2s ease, transform 0.1s ease;
+    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
 .btn-orange:hover {
diff --git a/views/editProduct.ejs b/views/editProduct.ejs
index ccc403f8ccd63f590342513e105905887d80b5f6..53c94bcb07f1790f566787c5ea3e106bee50d41d 100644
--- a/views/editProduct.ejs
+++ b/views/editProduct.ejs
@@ -31,16 +31,16 @@ body {
 
 /* --- ปุ่มหลัก (สีส้ม) --- */
 .btn-orange {
-    background-color: #ff6600;
-    color: white;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     border-radius: 8px;
     font-size: 16px;
-    font-weight: 500;
-    transition: background-color 0.2s ease, transform 0.1s ease;
+    font-weight: 600;
     cursor: pointer;
-    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3);
+    transition: background-color 0.2s ease, transform 0.1s ease;
+    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
 .btn-orange:hover {
diff --git a/views/orderConfirmation.ejs b/views/orderConfirmation.ejs
index dcabaf483ffe4e2d2857b25c559a09786e591080..b8f0cb915f81c1dfe425536690a3b85fbc0ce846 100644
--- a/views/orderConfirmation.ejs
+++ b/views/orderConfirmation.ejs
@@ -33,15 +33,15 @@
 
 /* --- ปุ่ม Orange --- */
 .btn-orange {
-    background-color: #ff6600;
-    color: white;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     border-radius: 8px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
-    transition: background-color 0.2s ease, box-shadow 0.2s ease;
+    transition: background-color 0.2s ease, transform 0.1s ease;
     box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
diff --git a/views/orderHistory.ejs b/views/orderHistory.ejs
index 5e07719d09b3c7959e46c8a7a7ff36672781f220..052eafb5e26961b43de4a723486483abdd56f71b 100644
--- a/views/orderHistory.ejs
+++ b/views/orderHistory.ejs
@@ -32,15 +32,15 @@ body {
 
 /* --- ปุ่ม Orange --- */
 .btn-orange {
-    background-color: #ff6600;
-    color: #ffffff;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 10px 16px;
+    padding: 10px 18px;
     border-radius: 8px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
-    transition: background-color 0.2s ease, box-shadow 0.2s ease;
+    transition: background-color 0.2s ease, transform 0.1s ease;
     box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
diff --git a/views/searchResults.ejs b/views/searchResults.ejs
index 2812c5c76ac229e7be6829e7428739e2f5fdbb6d..4907156c50cfdd3166670c827b676a795d7aaced 100644
--- a/views/searchResults.ejs
+++ b/views/searchResults.ejs
@@ -48,16 +48,16 @@ body {
 }
 
 .btn-orange {
-    background-color: #ff6600;
-    color: #ffffff;
+    background-color: #fff0e1;
+    color: rgb(10, 10, 10);
     border: none;
-    padding: 8px 16px;
-    border-radius: 6px;
-    cursor: pointer;
-    font-size: 14px;
+    padding: 10px 18px;
+    border-radius: 8px;
+    font-size: 16px;
     font-weight: 600;
+    cursor: pointer;
     transition: background-color 0.2s ease, transform 0.1s ease;
-    display: inline-block;
+    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3);
 }
 
 .btn-orange:hover {