update styles for cta bar

middlebury · Nov 11, 2024 · 12bb1d1 · 12bb1d1
1 parent 5a4ffa0
commit 12bb1d1
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/scss/components/_cta-bar.scss b/src/scss/components/_cta-bar.scss
@@ -6,12 +6,12 @@
   font-weight: $font-weight-semibold;
   font-size: $typescale-3;
   transition: background 0.2s;
-  padding-top: $spacing-2;
+  padding-top: $spacing-1;
   padding-bottom: $spacing-2;
   @include make-gutters;
 
   @include breakpoint(md) {
-    padding-bottom: $spacing-2;
+    padding-bottom: $spacing-1;
   }
 
   &:hover,
@@ -48,7 +48,11 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  // margin-bottom: $spacing-3;
+  padding-top: $spacing-2;
+
+  @include breakpoint(md) {
+    padding-bottom: $spacing-2;
+  }
 
   @include breakpoint(lg) {
     flex-direction: row;
@@ -74,22 +78,15 @@
   a.cta-bar__link {
     color: $white;
     font-size: $typescale-2;
+    // font-weight: $font-weight-medium;
     @include link-border;
     white-space: nowrap;
 
     &:not(:first-child) {
       margin-left: $spacing-3;
 
-      span {
-        margin-left: $spacing-3;
-      }
-
       @include breakpoint(lg) {
         margin-left: $spacing-5;
-
-        span {
-          margin-left: $spacing-5;
-        }
       }
     }
   }