Skeleton of the new style

styles/Footer.module.scss

@@ -1,56 +1,52 @@
-footer {
+.footer {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 30px;
+}
 
-  .container {
-    display: flex;
-    justify-content: space-between;
-    width: 50%;
-    align-items: start;
+.container {
+  display: flex;
+  justify-content: space-between;
+  width: 50%;
+  align-items: start;
+}
 
-    .middle img {
-      max-width: 55px;
-      margin-top: 10px;
-    }
+.middle {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
 
-    .right {
-      text-align: right;
-    }
-  }
+.logo {
+  max-width: 55px;
+  margin-top: 5px;
+  margin-bottom: 1rem;
+}
 
-  .mobileMiddle {
-    visibility: hidden;
+.right {
+  text-align: right;
+}
 
-    img {
-      max-width: 55px;
-      margin-top: 10px;
-    }
-  }
+.sourceLink {
+  margin-right: 0.5rem;
 }
 
 @media screen and (max-width: 600px) {
-  footer {
-    .container {
-      width: 95% !important;
-      flex-direction: column;
-      align-items: center;
-      margin-top: 20px;
-      margin-bottom: 20px;
+  .container {
+    width: 95% !important;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
 
-      div {
-        text-align: center !important;
-      }
+  .footer {
+    text-align: center !important;
+  }
 
-      .middle {
-        visibility: hidden;
-        max-height: 15px;
-      }
-    }
-
-    .mobile-middle {
-      visibility: visible;
-    }
+  .middle {
+    visibility: hidden;
+    max-height: 15px;
   }
 }