diff --git a/scss/_footer.scss b/scss/_footer.scss
index b331c62..25295c4 100644
--- a/scss/_footer.scss
+++ b/scss/_footer.scss
@@ -1,4 +1,5 @@
 @use 'vars' as *;
+@use "sass:color";
 
 .footer {
   position: fixed;
@@ -30,7 +31,7 @@
     transition: all 0.2s ease;
 
     &:hover {
-      background: lighten($accent-color, 8%);
+      background: color.adjust($accent-color, $lightness: 8%);
     }
 
     &:active {