From 70298a5ffb5a4ba353b5b8d6574d561d86037323 Mon Sep 17 00:00:00 2001
From: Kunthawat <kunthawat@dealplustech.co.th>
Date: Thu, 2 Apr 2026 12:54:08 +0700
Subject: [PATCH] fix: Fix LINE button order and icon color in CTA sections
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- CTA buttons: swap to 'แชท [LINE icon]' order
- All LINE icons: add white filter for visibility on green buttons
- Hero section icons: add white filter to match text color
---
 src/pages/about-us/index.astro                 | 2 +-
 src/pages/dukelarrsen/index.astro              | 2 +-
 src/pages/durgo-avvs/index.astro               | 2 +-
 src/pages/grilles/index.astro                  | 2 +-
 src/pages/index.astro                          | 8 ++++----
 src/pages/water-pump/index.astro               | 2 +-
 src/pages/water-treatment/index.astro          | 2 +-
 src/pages/ฉนวนหุ้มท่อ-category/index.astro        | 2 +-
 src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro | 2 +-
 src/pages/ท่อ-ppr-thai-ppr/index.astro          | 4 ++--
 src/pages/ท่อ-upvc/index.astro                  | 5 +++--
 src/pages/ท่อhdpe/index.astro                   | 2 +-
 src/pages/ท่อพีพีอาร์/index.astro                  | 2 +-
 src/pages/ท่อพีพีอาร์ตราช้าง/index.astro            | 2 +-
 src/pages/ท่อและข้อต่อpvc/index.astro             | 2 +-
 src/pages/ท่อไซเลอร์/index.astro                 | 2 +-
 src/pages/ระบบน้ำ/index.astro                   | 2 +-
 src/pages/ระบบรั้ว/index.astro                   | 2 +-
 src/pages/อุปกรณ์ดับเพลิง-category/index.astro     | 2 +-
 src/pages/เครื่องเชื่อม-hdpe/index.astro           | 2 +-
 src/pages/เทอร์โมเบรค-thermobreak/index.astro   | 4 ++--
 src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro             | 2 +-
 22 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/src/pages/about-us/index.astro b/src/pages/about-us/index.astro
index 1e2eb66..6f5f14e 100644
--- a/src/pages/about-us/index.astro
+++ b/src/pages/about-us/index.astro
@@ -132,8 +132,8 @@ import Footer from '@/components/common/Footer.astro';
             โทร 090-555-1415
           </a>
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
         </div>
       </div>
diff --git a/src/pages/dukelarrsen/index.astro b/src/pages/dukelarrsen/index.astro
index 993d851..41ec67a 100644
--- a/src/pages/dukelarrsen/index.astro
+++ b/src/pages/dukelarrsen/index.astro
@@ -1281,8 +1281,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/durgo-avvs/index.astro b/src/pages/durgo-avvs/index.astro
index 6fe2c05..08c26aa 100644
--- a/src/pages/durgo-avvs/index.astro
+++ b/src/pages/durgo-avvs/index.astro
@@ -470,8 +470,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/grilles/index.astro b/src/pages/grilles/index.astro
index ae2906f..3044123 100644
--- a/src/pages/grilles/index.astro
+++ b/src/pages/grilles/index.astro
@@ -415,8 +415,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ad09489..d409389 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -232,10 +232,10 @@ const featuredProducts = [
         <a href="tel:0905551415" class="btn-white">
           โทร 090-555-1415
         </a>
-<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <span>แชท</span>
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
-          </a>
+        <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <span>แชท</span>
+          <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
+        </a>
       </div>
     </div>
   </section>
diff --git a/src/pages/water-pump/index.astro b/src/pages/water-pump/index.astro
index 2d9ccae..9ccf008 100644
--- a/src/pages/water-pump/index.astro
+++ b/src/pages/water-pump/index.astro
@@ -331,8 +331,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/water-treatment/index.astro b/src/pages/water-treatment/index.astro
index 78f0691..de91366 100644
--- a/src/pages/water-treatment/index.astro
+++ b/src/pages/water-treatment/index.astro
@@ -333,8 +333,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ฉนวนหุ้มท่อ-category/index.astro b/src/pages/ฉนวนหุ้มท่อ-category/index.astro
index 0264c14..9f4d013 100644
--- a/src/pages/ฉนวนหุ้มท่อ-category/index.astro
+++ b/src/pages/ฉนวนหุ้มท่อ-category/index.astro
@@ -101,8 +101,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro b/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
index 2980e0a..81245a6 100644
--- a/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
+++ b/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
@@ -371,8 +371,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อ-ppr-thai-ppr/index.astro b/src/pages/ท่อ-ppr-thai-ppr/index.astro
index ebeac4c..fd02daf 100644
--- a/src/pages/ท่อ-ppr-thai-ppr/index.astro
+++ b/src/pages/ท่อ-ppr-thai-ppr/index.astro
@@ -46,7 +46,7 @@ import Footer from '@/components/common/Footer.astro';
             <div class="flex flex-wrap gap-4 mb-8">
               <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
-                <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
+                <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
               </a>
               <a href="tel:0905551415" class="btn-white flex items-center gap-2">
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -251,8 +251,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อ-upvc/index.astro b/src/pages/ท่อ-upvc/index.astro
index fbf5861..c76b771 100644
--- a/src/pages/ท่อ-upvc/index.astro
+++ b/src/pages/ท่อ-upvc/index.astro
@@ -55,7 +55,7 @@ import Footer from '@/components/common/Footer.astro';
             <div class="flex flex-wrap gap-4 mb-8">
               <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
-<img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
+                <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
               </a>
               <a href="tel:0905551415" class="btn-white flex items-center gap-2">
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
@@ -295,7 +295,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
+            <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อhdpe/index.astro b/src/pages/ท่อhdpe/index.astro
index 51542f9..6403038 100644
--- a/src/pages/ท่อhdpe/index.astro
+++ b/src/pages/ท่อhdpe/index.astro
@@ -293,8 +293,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อพีพีอาร์/index.astro b/src/pages/ท่อพีพีอาร์/index.astro
index 34e93aa..b1cab12 100644
--- a/src/pages/ท่อพีพีอาร์/index.astro
+++ b/src/pages/ท่อพีพีอาร์/index.astro
@@ -149,8 +149,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro b/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
index 96f3cf2..43e343b 100644
--- a/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
+++ b/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
@@ -268,8 +268,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อและข้อต่อpvc/index.astro b/src/pages/ท่อและข้อต่อpvc/index.astro
index 3b3d7a2..c9dff22 100644
--- a/src/pages/ท่อและข้อต่อpvc/index.astro
+++ b/src/pages/ท่อและข้อต่อpvc/index.astro
@@ -386,8 +386,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ท่อไซเลอร์/index.astro b/src/pages/ท่อไซเลอร์/index.astro
index 162347a..438d2da 100644
--- a/src/pages/ท่อไซเลอร์/index.astro
+++ b/src/pages/ท่อไซเลอร์/index.astro
@@ -198,8 +198,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ระบบน้ำ/index.astro b/src/pages/ระบบน้ำ/index.astro
index ca36c56..2323310 100644
--- a/src/pages/ระบบน้ำ/index.astro
+++ b/src/pages/ระบบน้ำ/index.astro
@@ -126,8 +126,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/ระบบรั้ว/index.astro b/src/pages/ระบบรั้ว/index.astro
index 571d165..0b10a9d 100644
--- a/src/pages/ระบบรั้ว/index.astro
+++ b/src/pages/ระบบรั้ว/index.astro
@@ -291,8 +291,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/อุปกรณ์ดับเพลิง-category/index.astro b/src/pages/อุปกรณ์ดับเพลิง-category/index.astro
index dc3fccb..e4d1bd5 100644
--- a/src/pages/อุปกรณ์ดับเพลิง-category/index.astro
+++ b/src/pages/อุปกรณ์ดับเพลิง-category/index.astro
@@ -101,8 +101,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/เครื่องเชื่อม-hdpe/index.astro b/src/pages/เครื่องเชื่อม-hdpe/index.astro
index 9b9a5e2..fdd23ef 100644
--- a/src/pages/เครื่องเชื่อม-hdpe/index.astro
+++ b/src/pages/เครื่องเชื่อม-hdpe/index.astro
@@ -227,8 +227,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
diff --git a/src/pages/เทอร์โมเบรค-thermobreak/index.astro b/src/pages/เทอร์โมเบรค-thermobreak/index.astro
index bad564e..716f149 100644
--- a/src/pages/เทอร์โมเบรค-thermobreak/index.astro
+++ b/src/pages/เทอร์โมเบรค-thermobreak/index.astro
@@ -45,8 +45,8 @@ import Footer from '@/components/common/Footer.astro';
             
             <div class="flex flex-wrap gap-4 mb-8">
               <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-<span>แชท</span>
-                <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
+                <span>แชท</span>
+                <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
               </a>
               <a href="tel:0905551415" class="btn-white flex items-center gap-2">
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
diff --git a/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro b/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
index 52ba9be..85252a3 100644
--- a/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
+++ b/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
@@ -225,8 +225,8 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" onerror="this.style.display='none'" />
             <span>แชท</span>
+            <img src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/line.svg" alt="LINE" class="w-5 h-5" style="filter: brightness(0) invert(1)" onerror="this.style.display='none'" />
           </a>
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415