fix: align links when stacking mobile (#2088)

<img width="391" alt="Screenshot 2022-11-01 at 8 51 33 AM"
src="https://user-images.githubusercontent.com/1189523/199278739-2bb6338b-44fe-49f6-8553-66a29a11941a.png">

packages/website/pages/index.scss

@@ -274,12 +274,12 @@
 #hero_header {
   position: relative;
   .grid {
-      justify-content: center;
-      width: 420px;
-      max-width: calc(100% - 4rem);
-      @include medium {
-        padding: 0
-      }
+    justify-content: center;
+    width: 420px;
+    max-width: calc(100% - 4rem);
+    @include medium {
+      padding: 0;
+    }
   }
   .heading {
     @include h1;
@@ -296,6 +296,9 @@
     line-height: leading(34, 20);
     margin-bottom: 1.25rem;
   }
+  .cta {
+    margin: 0 1rem 0.5rem 0;
+  }
 }
 // ----------------------------------------------------------- Section [Intro 1]
 #intro_1 {
@@ -428,7 +431,8 @@
 
 #intro_2-statistics {
   padding: 0;
-  .title, .description {
+  .title,
+  .description {
     max-width: none;
   }
   @include mini {