✨feature: Refactor footer layout and styles for improved design consistency

styles/fonts/lineicons.css

@@ -26,7 +26,8 @@ Lineicons regular icon font
     /* For safety - reset parent styles, that can break glyph codes*/
     font-variant: normal;
     text-transform: none;
-    font-size: 120%;
+    font-size: 110%;
+    line-height: 1;
     /* Font smoothing. That was taken from TWBS */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -37,11 +38,21 @@ Lineicons regular icon font
     */
 }
 
+.social-links{
+    @apply flex flex-row justify-end w-full;
+
+    a {
+        margin-right: 1rem;
+
+        &:last-child { margin-right: 0 !important; }
+    }
+}
+
 /* Circular Icons */
 .circular-icon {
-    @apply box-content bg-secondary rounded-full text-gray-800 inline-block;
+    @apply box-content bg-secondary rounded-full text-white flex justify-center items-center;
 
-    --size: 3rem;
+    --size: 2rem;
     height: var(--size);
     text-align: center;
     width: var(--size);
@@ -49,7 +60,8 @@ Lineicons regular icon font
     i {
         display: inline-block;
         height: var(--size);
-        line-height: var(--size);
+        line-height: 1;
+        margin-top: 0.5rem;
         text-align: center;
         vertical-align: middle;
         width: var(--size);