style: enhance social links layout and button styles for better alignment and appearance

Author: kingabzpro

_layouts/default.html

@@ -154,26 +154,27 @@
 
       .social-links {
         display: flex;
-        justify-content: start;
-        gap: 0.5rem;
+        justify-content: space-around;
         margin-top: 1.5rem;
-        padding: 0 0.5rem;
+        padding: 0.5rem;
+        border-top: 1px solid rgba(0,0,0,0.1);
       }
 
       .social-links a {
         color: var(--text-color);
-        font-size: 1rem;
-        padding: 0.25rem;
+        font-size: 0.9rem;
+        width: 28px;
+        height: 28px;
         display: flex;
         align-items: center;
         justify-content: center;
-        transition: color 0.3s ease;
+        border-radius: 50%;
+        transition: all 0.3s ease;
       }
 
       .social-links a:hover {
         color: var(--secondary-color);
-        transform: none;
-        background: none;
+        background: rgba(52, 152, 219, 0.1);
       }
 
       .button {