Update hero content spacings

src/components/hy-hero/hy-hero.scss

@@ -258,29 +258,27 @@
     font-weight: bold;
     hyphens: auto;
     letter-spacing: -0.75px;
-    margin-bottom: 12px;
+    margin-bottom: 12px !important;
     max-width: 100%;
     position: relative;
     text-transform: uppercase;
     word-wrap: break-word;
 
     @include breakpoint($narrow) {
+      margin-bottom: 16px !important;
       max-width: 87% !important;
     }
 
     @include breakpoint($wide) {
+      margin-bottom: 0 !important;
       max-width: 48.75% !important;
     }
 
-    // @include breakpoint($extrawide) {
-    //   max-width: 115% !important;
-    // }
-
     span {
-      padding-top: 16px;
+      padding-top: 24px;
 
       @include breakpoint($narrow) {
-        padding-top: 32px;
+        padding-top: 40px;
       }
 
       @include breakpoint($wide) {
@@ -289,8 +287,8 @@
       }
 
       @include breakpoint($extrawide) {
-        padding-bottom: 30px;
-        padding-top: 36px;
+        padding-bottom: 36px;
+        padding-top: 30px;
       }
     }
   }
@@ -312,17 +310,14 @@
 .hy-hero__description {
   // Ingress Small
   @include font-size(16px, 24px);
-
   color: var(--grayscale-black);
   font-family: var(--main-font-family);
   font-weight: 600;
   letter-spacing: -0.1px;
-  margin: 12px 0 20px 0;
+  margin: 0;
   padding: 0;
 
   @include breakpoint($narrow) {
-    margin: 16px 0 24px 0;
-
     // Ingress Medium
     @include font-size(18px, 28px);
     letter-spacing: -0.1px;
@@ -331,7 +326,6 @@
   @include breakpoint($wide) {
     @include font-size(18px, 28px);
     letter-spacing: -0.1px;
-    margin: 0;
     padding: 16px 40px 20px 0;
     max-width: 40.21%;
     position: relative;
@@ -353,6 +347,18 @@
   // }
 }
 
+.hy-hero__actions {
+  margin-top: 20px;
+
+  @include breakpoint($narrow) {
+    margin-top: 24px;
+  }
+
+  @include breakpoint($wide) {
+    margin-top: 0;
+  }
+}
+
 // .hy-hero {
 //   position: relative;