Use buttons for homepage aside links (#8)

src/pages/HomePage/HomePage.css

@@ -7,20 +7,29 @@ main#home aside {
 main#home aside p {
   font-size: 0.9rem;
 }
-main#home aside h2 {
+main#home aside h2:first-child {
   margin-top: 0;
 }
 main#home aside a {
-  float: right;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 10px;
+  margin-bottom: 1.5rem;
+  border-radius: 20px;
   font-weight: bold;
   text-decoration: none;
-  color: var(--navbar-bg);
+  color: var(--navbar-link);
+  background-color: var(--navbar-bg);
 }
-main#home aside a:hover {
-  text-decoration: underline;
+main#home aside a:hover,
+main#home aside a:focus,
+main#home aside a:active {
+  color: var(--gold);
 }
 main#home aside a::after {
-  content: ' >';
+  content: '\2192';
+  margin-left: 5px;
 }
 main#home a {
   color: var(--navbar-bg);

src/pages/HomePage/HomePage.jsx

@@ -12,20 +12,16 @@ export function HomePage() {
           individuals' movements through space over time. The timeline function allows for the
           researcher to consider specific periods or phases, individually or in comparison with
           other figures.
-          <Link to="/trajectories" aria-label="trajectories visualization">
-            Go
-          </Link>
         </p>
+        <Link to="/trajectories">View trajectories</Link>
         <h2>Intersections</h2>
         <p>
           This visualization presents an interactive snapshot overview of the world map that
           reflects the presence of Afro-Atlantic figures in particular geographical locations at
           particular points in time. Clicking on a given city which figures were present in that
           place and when they were there.
-          <Link to="/intersections" aria-label="intersections visualization">
-            Go
-          </Link>
         </p>
+        <Link to="/intersections">View intersections</Link>
       </aside>
       <p>
         <strong>In the Same Boats</strong> is a work of multimodal scholarship designed to encourage