Social Links Profile // Vanilla HTML & CSS

What challenges did you encounter, and how did you overcome them?

Centering the buttons without align-items: center. Align-items:center kept resizing the buttons to their minimal width, so I ended up using margin:auto instead to center them.

Would love an explanation as to how that is? Or if my solution is the "correct" one...

What specific areas of your project would you like help with?

1. Is it good semantic html to keep the <a> inside the <p>?
2. How do i use the transition-property to make the background-color change back to grey smoothly? I apply the transition on my .primary-button, but the it transitions the entire button causing a layout-shift.