correct accessibility/typography issues on 404 page

src/404.html

@@ -7,7 +7,7 @@ permalink: "/404.html"
 <main class="content-wrapper">
     <header class="hero content--text-centered">
         <h1 class="hero__heading">404</h1>
-        <p class="hero__subheading">Here goes nothing... maybe try going to the home page instead?</p>
+        <p class="hero__subheading">Here goes nothing&hellip; maybe try going to the home page instead?</p>
     </header>
 
     <section class="content content--text-centered">
@@ -15,10 +15,10 @@ permalink: "/404.html"
             <p>
                 <a href="/" class="button button--primary">
                     <span class="icon-pill">
-                        <span class="icon-pill__icon">
+                        <span class="icon-pill__icon" aria-hidden="true">
                             <i class="fas fa-home"></i>
                         </span>
-                        <span>
+                        <span class="icon-pill__text">
                             Home
                         </span>
                     </span>