AV-2487: Use divs instead of headers for stats and use suomifi tokens to style them

Author: Zharktas

drupal/modules/avoindata-hero/avoindata_hero.module

@@ -90,13 +90,11 @@ class AvoindataHeroHandler implements TrustedCallbackInterface
 
     foreach ($statistics as $statistic) {
     $statistics_markup .= <<<EOT
-        <div class="text-center">
-                    <h2>{$statistic['count']}</h2>
-                    <h4>
-                        <a href="/data/{$language}/{$statistic['url']}">
-                            <strong>{$statistic['text']}</strong>
-                        </a>
-                    </h4>
+        <div class="text-center hero-stats">
+                    <a href="/data/{$language}/{$statistic['url']}">
+                      <div class="hero-count">{$statistic['count']}</div>
+                      <div class="hero-text">{$statistic['text']}</div>
+                    </a>
                 </div>
 EOT;
     }

opendata-assets/src/scss/drupal/style.scss

@@ -170,6 +170,14 @@ p:last-child,
     text-decoration: none;
   }
 
+  .hero-count {
+    @include tokens.fi-text-heading2
+  }
+
+  .hero-text {
+    @include tokens.fi-text-heading4;
+  }
+
   .avoindata-hero-search-container {
     max-width: $opendata-container-max-width;
     float: none;