style: update social links layout and button styles for improved appearance

Author: kingabzpro

_layouts/default.html

@@ -154,14 +154,26 @@
 
       .social-links {
         display: flex;
-        gap: 0.75rem;
+        justify-content: start;
+        gap: 0.5rem;
         margin-top: 1.5rem;
+        padding: 0 0.5rem;
       }
 
       .social-links a {
         color: var(--text-color);
-        font-size: 1.2rem;
-        padding: 0.3rem;
+        font-size: 1rem;
+        padding: 0.25rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: color 0.3s ease;
+      }
+
+      .social-links a:hover {
+        color: var(--secondary-color);
+        transform: none;
+        background: none;
       }
 
       .button {