fix learn more links

site/src/routes/index.html

@@ -86,8 +86,26 @@
 	}
 
 	.box a {
+		position: relative;
 		text-align: right;
 		margin-top: auto;
+		padding: 0 1.2em 0 0;
+	}
+
+	.box a:hover {
+		color: white;
+		text-decoration: underline;
+	}
+
+	.box a::after {
+		content: '';
+		position: absolute;
+		display: block;
+		right: 0;
+		top: 0.4em;
+		width: 1em;
+		height: 1em;
+		background: url(/icons/arrow-right.svg);
 	}
 
 	h6 {

site/static/icons/arrow-right.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" viewBox="0 0 24 24">
+	<g fill="none" stroke="white" stroke-width="2">
+		<line x1='5' y1='12' x2='19' y2='12' />
+		<polyline points='12 5 19 12 12 19' />
+	</g>
+</svg>