test

test/assets/css/_lists.scss

@@ -0,0 +1,61 @@
+.list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  p {
+    margin-bottom: 0;
+  }
+}
+
+.list--menu {
+  display: flex;
+  gap: 2rem;
+
+  li {
+    position: relative;
+  }
+}
+
+.list--dots {
+  list-style-type: '•';
+  margin: 0 0 0 0.375rem;
+
+  li {
+    margin-bottom: 0.25rem;
+    padding-left: 0.375rem;
+  }
+}
+
+.list--selection {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-block: 2.5rem;
+  gap: 1rem;
+
+  .button {
+    min-width: 13.75rem;
+  }
+
+  @media (min-width: 62rem) {
+    flex-direction: row;
+    margin-block: 4rem;
+    gap: 2rem;
+
+    .button {
+      min-width: auto;
+    }
+  }
+}
+
+.list--footer {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+
+  @media (min-width: 62rem) {
+    flex-direction: row;
+    gap: 2.5rem;
+  }
+}