first load

styles/_section.scss

@@ -0,0 +1,54 @@
+/***** Section pages *****/
+.section {
+  &-container {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-content {
+    @include desktop {
+      flex: 0 0 80%;
+    }
+    flex: 1;
+    max-width: 100%
+  }
+
+  &-subscribe button {
+    @extend .button;
+    &[data-selected="true"] {
+      @extend .button-primary;
+    }
+  }
+}
+
+.section-list {
+  margin: 40px 0;
+}
+
+.section-list-item {
+  border-bottom: 1px solid $low-contrast-border-color;
+  font-size: $font-size-bigger;
+  padding: 15px 0;
+
+  &:first-child {
+    border-top: 1px solid $low-contrast-border-color;
+  }
+
+  a {
+    align-items: center;
+    color: $text_color;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+.see-all-sections-trigger {
+  cursor: pointer;
+  display: block;
+  padding: 15px;
+  text-align: center;
+
+  &[aria-hidden="true"] {
+    display: none;
+  }
+}