fix: update hover state for textbooks breadcrumbs (#28690)

cms/static/sass/elements/_navigation.scss

@@ -218,6 +218,15 @@ nav {
       }
     }
 
+    .hyperlink {
+      color: $gray-d2;
+
+      &:hover,
+      &:active {
+        color: theme-color("primary");
+      }
+    }
+
     .spacer {
       margin-right: 20px;
       margin-left: 20px;

cms/templates/textbooks.html

@@ -54,7 +54,7 @@ CMS.URL.LMS_BASE = "${settings.LMS_BASE | n, js_escaped_string}"
                   <span class="spacer"> &rsaquo;</span>
               </li>
               <li class="nav-item">
-                <a class="title" href="${pages_and_resources_mfe_url}" rel="external">${_("Pages & Resources")}</a>
+                <a class="hyperlink" href="${pages_and_resources_mfe_url}" rel="external">${_("Pages & Resources")}</a>
                 <span class="spacer"> &rsaquo;</span>
               </li>
           </ol>