Make episode navigation links more button like

public_html/css/hpr.css

@@ -47,6 +47,7 @@ https://creativecommons.org/publicdomain/
 	--link-secondary: #a8f8ff;
 	--link-secondary-hover: #f9e9c2;
 	--link-title-color: #00003e;
+	--link-navigation-hover: #030303;
 	--primary-content-line-height: 1.45;
 
 	--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
@@ -744,11 +745,13 @@ nav.episodes span {
 	text-align: center;
 	border: inset thin var(--text-primary);
 }
-nav.episodes span:nth-child(-n+2) {
+nav.episodes span:nth-child(-n+2),
+nav.episodes span:nth-child(-n+2) a {
 	border-top-left-radius: 2rem;
 	border-bottom-left-radius: 2rem;
 }
-nav.episodes span:nth-child(n+3) {
+nav.episodes span:nth-child(n+3),
+nav.episodes span:nth-child(n+3) a {
 	border-top-right-radius: 2rem;
 	border-bottom-right-radius: 2rem;
 }
@@ -759,6 +762,13 @@ nav.episodes span a {
 	min-width: 4.4em;
 	min-height: 1.5em;
 }
+nav.episodes span a:hover {
+	background-color: var(--link-primary-hover);
+	color: var(--link-navigation-hover);
+}
+nav.episodes span a img {
+	filter: none;
+}
 nav.episodes img {
 	margin: 0 0.2rem;
 	height: 0.85em;
@@ -914,4 +924,8 @@ nav.episodes img {
 	#hosts td:nth-child(-n+2) {
 		color: var(--text-primary);
 	}
+		nav.episodes span a:hover {
+		background-color: var(--link-primary-hover);
+		color: var(--link-navigation-hover);
+	}
 }

public_html/images/icons/arrow-first-plain.svg

@@ -9,11 +9,6 @@
    height="9.7589998"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-    <link
-    xmlns="http://www.w3.org/1999/xhtml"
-    rel="stylesheet"
-    href="arrow.css"
-    type="text/css" />
   <defs
      id="defs1103" />
   <g

public_html/images/icons/arrow-next-plain.svg

@@ -4,58 +4,18 @@
 <svg
    viewBox="0 0 6.3102736 9.6969385"
    version="1.1"
-   id="svg1106"
+   id="arrow_next"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   sodipodi:docname="arrow-next.svg"
    width="6.3102736"
    height="9.6969385"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1108"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:guide-bbox="true"
-     inkscape:zoom="15.473418"
-     inkscape:cx="13.216214"
-     inkscape:cy="18.354057"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0">
-    <sodipodi:guide
-       position="-0.11110969,-13.907476"
-       orientation="0,-1"
-       id="guide3546" />
-    <sodipodi:guide
-       position="-0.073513191,-14.304342"
-       orientation="0,-1"
-       id="guide3548" />
-  </sodipodi:namedview>
   <defs
      id="defs1103" />
   <g
-     inkscape:label="Layer 1"
+     id="next"
-     inkscape:groupmode="layer"
-     id="layer1"
      transform="translate(-92.71506,-46.084171)">
     <path
-       id="path9831"
+       id="arrow"
        style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 94.155697,55.549619 -1.209147,-1.2065 3.421063,-3.423708 -3.386663,-3.386667 1.21708,-1.217083 4.595813,4.595813 z" />
   </g>

public_html/images/icons/arrow-previous-plain.svg

@@ -4,7 +4,7 @@
 <svg
    viewBox="0 0 6.3102736 9.6969385"
    version="1.1"
-   id="svg1106"
+   id="arrow_first"
    width="6.3102736"
    height="9.6969385"
    xmlns="http://www.w3.org/2000/svg"
@@ -12,7 +12,7 @@
   <defs
      id="defs1103" />
   <g
-     id="layer1"
+     id="arrow"
      transform="translate(-92.71506,-46.084171)">
     <path
        id="path9831"