diff --git a/assets/scss/partials/article.scss b/assets/scss/partials/article.scss
index 4acd166..6aed5be 100644
--- a/assets/scss/partials/article.scss
+++ b/assets/scss/partials/article.scss
@@ -11,6 +11,12 @@
         border-radius: var(--card-border-radius);
         overflow: hidden;
 
+        transition: box-shadow .3s ease;
+        
+        &:hover {
+            @include box_shadow(2);
+        }
+
         &:not(:last-of-type) {
             margin-bottom: var(--section-separation);
         }
diff --git a/assets/scss/partials/widgets.scss b/assets/scss/partials/widgets.scss
index 11d7708..d6a572b 100644
--- a/assets/scss/partials/widgets.scss
+++ b/assets/scss/partials/widgets.scss
@@ -34,6 +34,11 @@
             margin-bottom: 10px;
             margin-right: 5px;
             font-size: 1.4rem;
+            transition: box-shadow 0.3s ease;
+
+            &:hover {
+                @include box_shadow(2);
+            }
         }
     }
 }
@@ -48,12 +53,17 @@
             border-radius: var(--card-border-radius);
             @include box_shadow(1);
             display: flex;
+            transition: box-shadow 0.3s ease;
 
-            @media (max-width: $on-desktop-large){
+            &:hover {
+                @include box_shadow(2);
+            }
+
+            @media (max-width: $on-desktop-large) {
                 padding: 12px 20px;
                 font-size: 1.4rem;
             }
-            
+
             span.year {
                 flex: 1;
                 color: var(--card-text-color-main);