style fixes

src/components/hy-crisis-banner/hy-crisis-banner.scss

@@ -81,28 +81,27 @@
 
 .hy-crisis-banner__title {
   @include font-size(14px, 16px);
+  @include font-weight($bold);
   color: var(--grayscale-black);
   font-family: var(--main-font-family);
-  font-weight: 700;
   letter-spacing: -0.35px;
-  margin: 0;
+  margin: 0 0 2px 0;
 
-  @include breakpoint($extrawide) {
+  @include breakpoint($xlarge) {
     @include font-size(16px, 18px);
     letter-spacing: -0.4px;
   }
 }
 
 .hy-crisis-banner__description {
-  @include font-size(14px, 16px);
-  color: var(--grayscale-black);
+  @include font-size(12px, 14px);
+  color: var(--grayscale-dark);
   font-family: var(--main-font-family);
   letter-spacing: -0.35px;
   margin: 0;
 
-  @include breakpoint($extrawide) {
-    @include font-size(16px, 18px);
-    letter-spacing: -0.4px;
+  @include breakpoint($narrow) {
+    @include font-size(14px, 16px);
   }
 
   p {
@@ -116,13 +115,14 @@
 
 .hy-crisis-banner__link {
   @include font-size(14px, 16px);
+  @include font-weight($semibold);
   align-items: center;
   color: var(--brand-main-light);
   display: inline-flex;
   font-family: var(--main-font-family);
-  font-weight: 600;
   letter-spacing: -0.5px;
   margin-left: auto;
+  margin-right: auto;
   margin-top: 12px;
   overflow: hidden;
   text-decoration: none;
@@ -130,16 +130,17 @@
   @include breakpoint($narrow) {
     flex-shrink: 0;
     margin-left: 24px;
+    margin-right: 32px;
     margin-top: 0;
     text-align: right;
   }
 
   @include breakpoint($extrawide) {
-    @include font-size(16px, 18px);
+    margin-left: 32px;
   }
 
-  @include breakpoint($extrawide) {
-    margin-left: 32px;
+  @include breakpoint($xlarge) {
+    @include font-size(16px, 18px);
   }
 
   &:hover,
@@ -167,14 +168,14 @@
   svg {
     fill: var(--brand-main-light);
     height: 12px;
-    width: 11px;
+    width: 12px;
 
     @include breakpoint($narrow) {
       height: 14px;
-      width: 13px;
+      width: 14px;
     }
 
-    @include breakpoint($wide) {
+    @include breakpoint($xlarge) {
       height: 16px;
       width: 16px;
     }