Update custom.scss

Author: NetrunnerCodex

_sass/custom/custom.scss

@@ -96,42 +96,36 @@
 
 // Arrows
 
-/* Container for buttons */
 .nav-buttons {
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: 20px; /* Space between buttons */
+  gap: 20px;
 }
 
-/* Common styles for each button */
-.nav-button {
-  text-decoration: none;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-/* SVG dimensions */
 .nav-button svg {
   width: 50px;
   height: 50px;
 }
 
-/* Path for arrows */
-.arrow {
-  d: path("M30 20L20 30L30 40"); /* Define path directly in CSS */
-  stroke: #264caf; /* Arrow color */
+/* Left Arrow Path */
+.arrow-left {
+  d: path("M30 20L20 30L30 40");
+  stroke: #264caf;
   stroke-width: 3;
   fill: none;
-  transition: stroke 0.3s ease;
 }
 
-/* Hover effect */
-.nav-button:hover .arrow {
-  stroke: #183d92; /* Darker blue on hover */
+/* Right Arrow Path */
+.arrow-right {
+  d: path("M20 20L30 30L20 40");
+  stroke: #264caf;
+  stroke-width: 3;
+  fill: none;
 }
 
+/* Hover Effects */
 .nav-button:hover .arrow {
-  d: path("M35 15L20 30L35 45"); /* Hover animation for "Previous" */
+  stroke: #183d92; /* Darker color on hover */
 }
+