add follow us on fedi button

index.html

@@ -53,8 +53,11 @@
       ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี แพลตฟอร์มกระจายศูนย์ และข้อมูลเปิด
 
       <div style="margin-top: 1cm; margin-bottom: 1cm; ">
+        <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
+          ติดตามเราบน Fediverse
+        </a>
         <a class="button" target="_blank" rel="noopener noreferrer" href="https://discord.gg/QrdhSFvbha">
-          ร่วมพูดคุยกับเรา
+          ร่วมพูดคุยกับเราผ่าน Discord
         </a>
       </div>
 

style.css

@@ -96,6 +96,7 @@ html *
     padding: 10px 10px;
     margin-top: 1cm;
     margin-bottom: 1cm;
+    margin-right: 0.25cm;
     transition-duration: 0.2s;
   }
 
@@ -105,6 +106,7 @@ html *
 
 
   .gtk-button-pill {
+    
     position: relative;
     width: auto;
     height: 44px;
@@ -122,6 +124,24 @@ html *
     flex-wrap: nowrap;
   }
 
+  .gtk-button {
+    height: 1cm;
+    border-radius: 6px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 10px 10px;
+    margin-top: 1cm;
+    margin-bottom: 1cm;
+    margin-right: 0.25cm;
+    transition-duration: 0.2s;
+  }
+
+  .gtk-button:hover {
+    background-color: rgba(53, 132, 228, 0.9);
+  }
+
   .itemcard {
     display: grid;
     border-radius: 12px;
@@ -190,6 +210,7 @@ html *
     padding: 10px 10px;
     margin-top: 1cm;
     margin-bottom: 1cm;
+    margin-right: 0.25cm;
     transition-duration: 0.2s;
   }
 
@@ -215,6 +236,24 @@ html *
     flex-wrap: nowrap;
   }
 
+  .gtk-button {
+    height: 1cm;
+    border-radius: 6px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 10px 10px;
+    margin-top: 1cm;
+    margin-bottom: 1cm;
+    margin-right: 0.25cm;
+    transition-duration: 0.2s;
+  }
+
+  .gtk-button:hover {
+    background-color: rgba(53, 132, 228, 0.9);
+  }
+
   .itemcard {
     display: grid;
     border-radius: 12px;