Styled social media icons.

public/main.css

@@ -1284,11 +1284,6 @@ body {
     left: 10px;
     border-top: 1px solid #f9f9f9;
     width: calc(100% - 20px); }
-  .LP-Footer__social-overlap {
-    position: relative;
-    z-index: 2;
-    background: #565656;
-    padding: 0 20px; }
   .LP-Footer .LP-Footer__Social-Mastodon .LP-Footer__Icon {
     background-image: url("icons/social/mastodon.svg"); }
   .LP-Footer .LP-Footer__Social-Twitter .LP-Footer__Icon {
@@ -1322,10 +1317,14 @@ body {
   .LP-Footer__social-small {
     font-size: 0.6em;
     padding: 0px 20px; }
+  .LP-Footer__social-overlap {
+    position: relative;
+    z-index: 2;
+    background: #565656;
+    padding: 0 10px; }
   .LP-Footer__social-overlap > a {
-    font-size: 3em; }
-  .LP-Footer__social-overlap > a:not(:first-child) {
-    margin-left: 0.38em; }
+    font-size: 3em;
+    padding-right: 50px; }
   .LP-Footer__bottom-section {
     width: 100%;
     padding: 10px;
@@ -1344,7 +1343,8 @@ body {
     .LP-Footer .LP-Footer__social-connect {
       font-size: 2.5em; }
     .LP-Footer .LP-Footer__social-overlap > a {
-      font-size: 2.24em; }
+      font-size: 2.24em;
+      height: 50px; }
     .LP-Footer .LP-Footer__bottom-wrapper {
       font-size: 1.3em; } }
   @media (max-width: 750px) {
@@ -1363,12 +1363,13 @@ body {
       padding: 0 10px; }
     .LP-Footer .LP-Footer__social-overlap {
       display: flex;
-      justify-content: center; }
+      justify-content: center;
+      height: 50px; }
     .LP-Footer .LP-Footer__social-icons-wrapper {
       width: 100%;
       padding: 0; }
-    .LP-Footer .LP-Footer__social-overlap > a:not(:first-child) {
-      margin-left: 20px; }
+    .LP-Footer .LP-Footer__social-overlap {
+      margin-left: 0px; }
     .LP-Footer .LP-Footer__bottom-section {
       padding: 0 5px 10px 5px; }
     .LP-Footer .LP-Footer__bottom-wrapper {