diff --git a/src/assets/scss/atoms/_links.scss b/src/assets/scss/atoms/_links.scss
index 176cae38..c7977340 100644
--- a/src/assets/scss/atoms/_links.scss
+++ b/src/assets/scss/atoms/_links.scss
@@ -49,8 +49,15 @@ a {
     transform: rotate(45deg);
   }
 
+  &:hover {
+    &.next::before,
+    &.prev::after {
+      background-color: $secondary_color;
+    }
+  }
+
   span {
     padding-right: 1rem;
     padding-left: 1rem;
   }
-}
+}
\ No newline at end of file
diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index 7a3aaa67..13e08f02 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -7,10 +7,12 @@ $sun-yellow: #ffd52c;
 $white: #ffffff;
 $dark-lavender: #7d6c99;
 $dusty-orange: #f18647;
+$mango: #ffb92c;
 $violet: #bd10e0;
 
 // interpretations in app
 $primary_color: $sun-yellow;
+$secondary_color: $mango;
 $font_color: $black;
 $logo_color: $dark-lavender;
 $logo_color_2: $camo;