diff --git a/src/index.css b/src/index.css
index d5cca08..2430c11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,7 +16,8 @@
   --secondary: rgb(100, 100, 100);
   --tertiary: rgb(30, 30, 30);
   --text-color: rgb(255, 255, 255);
-  --shadow: 5px 5px 7px rgba(40, 40, 40, 0.5);
+  --shadow-color: rgba(40, 40, 40, 0.5);
+  --shadow: 5px 5px 7px var(--shadow-color);
 }
 
 body {
@@ -136,12 +137,14 @@ body {
   border-radius: 20px;
   transition:
     background-color 0.25s,
-    transform 0.25s;
+    transform 0.25s,
+    box-shadow 0.5s;
   box-shadow: var(--shadow);
 }
 
 .social-link-button:hover {
   background-color: var(--secondary);
+  box-shadow: 0 0 7px var(--shadow-color);
 }
 
 .social-link-button:active {