diff --git a/src/components/www.astro b/src/components/www.astro
index 6cc6300..606ddcd 100644
--- a/src/components/www.astro
+++ b/src/components/www.astro
@@ -4,7 +4,7 @@
             <!-- Twitter -->
             <a
                 href="https://twitter.com/philippeloctaux"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg
@@ -26,7 +26,7 @@
             <!-- Telegram -->
             <a
                 href="https://t.me/philippeloctaux"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg
@@ -49,7 +49,7 @@
             <a
                 rel="me"
                 href="https://mastodon.social/@philt3r"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg
@@ -71,7 +71,7 @@
             <!-- GitHub -->
             <a
                 href="https://github.com/x4m3"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg
@@ -93,7 +93,7 @@
             <!-- LinkedIn -->
             <a
                 href="https://linkedin.com/in/philippeloctaux"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg
@@ -115,7 +115,7 @@
             <!-- Email -->
             <a
                 href="/email"
-                class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
             >
                 <div class="inline-flex items-center">
                     <svg