fix: contact links safari line height

src/components/ContactLinks.astro

@@ -17,7 +17,7 @@
         stroke-linejoin="round"
         class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg
       >
-      Email me
+      <span>Email me</span>
     </a>
     <a role="button" class="" href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">
       <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default">
@@ -25,14 +25,14 @@
           d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
         ></path>
       </svg>
-      GitHub
+      <span>GitHub</span>
     </a>
     <a role="button" class="" href="https://cal.nzambello.dev" target="_blank" rel="noopener noreferrer">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"
         ><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"
         ></line></svg
       >
-      Book a meeting
+      <span>Book a meeting</span>
     </a>
   </div>
 </article>
@@ -47,6 +47,11 @@
     align-items: center;
     margin-bottom: 1rem;
   }
+
+  .contact-links a span {
+    line-height: 1;
+  }
+
   .contact-links a svg {
     width: 1.5em;
     height: 1.5em;

src/pages/index.astro

@@ -79,14 +79,14 @@ import Privacy from '../components/Privacy.astro';
             ></g
           ></svg
         >
-        Digital Twin
+        <span>Digital Twin</span>
       </a>
       <a role="button" class="" href="https://cal.nzambello.dev" target="_blank" rel="noopener noreferrer">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"
           ><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"
           ></line></svg
         >
-        Book a meeting
+        <span>Book a meeting</span>
       </a>
     </div>
 
@@ -135,6 +135,11 @@ import Privacy from '../components/Privacy.astro';
     margin-right: 1rem;
     font-size: 0.85rem;
   }
+
+  .contact-links a span {
+    line-height: 1;
+  }
+
   .contact-links a svg {
     width: 1rem;
     height: 1rem;