diff --git a/src/styles.css b/src/styles.css
index 999a174..c4e9a6d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -122,4 +122,22 @@ a:hover {
 img.socialIcon {
   height: 30px;
   width: 30px;
+  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.3s;
+  will-change: transform, box-shadow;
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.12));
+}
+
+img.socialIcon:hover {
+  transform: scale(1.3) rotate(-12deg);
+  box-shadow: 0 8px 24px 0 rgba(78,86,126,0.25), 0 1.5px 6px 0 rgba(0,0,0,0.10);
+  filter: drop-shadow(0 4px 12px rgba(78,86,126,0.18));
+  animation: social-bounce 0.5s;
+}
+
+@keyframes social-bounce {
+  0%   { transform: scale(1) rotate(0deg); }
+  30%  { transform: scale(1.25) rotate(-12deg); }
+  50%  { transform: scale(0.95) rotate(6deg); }
+  70%  { transform: scale(1.1) rotate(-6deg); }
+  100% { transform: scale(1.3) rotate(-12deg); }
 }