💄 images for social

static/css/style.css

@@ -617,6 +617,27 @@ footer {
     text-decoration: underline;
 }
 
+.social-icon {
+    height: 1.5rem;
+    width: auto;
+    display: block;
+    transition: opacity var(--transition-speed);
+}
+
+.social-icon:hover {
+    opacity: 0.7;
+}
+
+/* Icon-only social links layout */
+.social-links-icons {
+    flex-direction: row;
+    align-items: center;
+}
+
+.social-links-icons a:hover {
+    text-decoration: none;
+}
+
 .newsletter-form {
     display: flex;
     gap: var(--space-sm);
@@ -706,6 +727,10 @@ footer.compact-footer .social-links {
     gap: var(--space-sm);
 }
 
+footer.compact-footer .social-links-icons {
+    gap: var(--space-md);
+}
+
 footer.compact-footer .social-links a {
     font-size: var(--font-size-sm);
 }