feat: small social icons and a bit more space between them

src/lib/nav.scss

@@ -191,19 +191,19 @@
         justify-self: end;
         align-self: center;
 
-        padding: var(--space-small);
-
         @media($mobile-breakpoint) {
             display: none;
         }
     }
 
     &--link {
+        @extend %nav-button;
         display: flex;
+        padding: var(--space-xsmall);
     }
 
     &--link-icon {
-        width: 2em;
+        width: 1.8em;
         filter: invert(100%);
     }
 }