Add h2s to blog page buttons but maintain styling

Author: OughtPuts

_sass/modules/_blog.scss

@@ -6,6 +6,18 @@
     max-width: 1080px;
   }
 
+  h2 {
+    color: $color-black;
+    font-size: 23px;
+    padding: 0px;
+    font-weight: 600;
+    line-height: 42px;
+  }
+
+  span:hover h2 {
+    color: $color-red;
+  }
+
   &__posts,
   &__pagination {
     margin-left: 30px;

blog/index.html

@@ -14,16 +14,16 @@ <h4>Discover the latest Rails news, version releases, community updates, and fea
   </div>
 </div>
 
-<div class="heading common-padding--bottom-small">
+<div class="blog common-padding--bottom-small">
   <div class="container">
     <div class="heading__body">
       <div class="heading__headline common-headline">
         <div class="heading__buttons">
           <ul>
-            <li><a href="/blog"><span>Everything</span></a></li>
-            <li><a href="/category/releases"><span>Releases</span></a></li>
-            <li><a href="/category/news"><span>News</span></a></li>
-            <li><a href="/category/foundation"><span>Foundation</span></a></li>
+            <li><a href="/blog"><span><h2>Everything</h2></span></a></li>
+            <li><a href="/category/releases"><span><h2>Releases</h2></span></a></li>
+            <li><a href="/category/news"><span><h2>News</h2></span></a></li>
+            <li><a href="/category/foundation"><span><h2>Foundation</h2></span></a></li>
           </ul>
         </div>
       </div>