diff --git a/ds-ml-css/components/footer.scss b/ds-ml-css/components/footer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b449554da722245b19d842dda8669a78ff1f2149
--- /dev/null
+++ b/ds-ml-css/components/footer.scss
@@ -0,0 +1,22 @@
+/* Footer */
+
+footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  flex-wrap: wrap;
+  background-color: var(--ml-footer-background-color);
+  gap: 20px 40px;
+  padding: 12px;
+  a {
+    font-size: var(--ml-small-font-size);
+    color: var(--ml-footer-links-color);
+    text-decoration: none;
+  }
+
+  @media (max-width: 480px) {
+    //@media #{$phone} {
+    flex-direction: column;
+  }
+}