diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx
index fc7f51b..7d6c6ff 100644
--- a/src/pages/HomePage/sections/Team.tsx
+++ b/src/pages/HomePage/sections/Team.tsx
@@ -51,19 +51,19 @@ const ProfileCard = ({ item }: { item: TeamItem }) => {
       <div className="absolute top-4 left-1/2 -translate-x-1/2 xl:top-6 2xl:top-8 z-20 flex gap-2">
         <a
           href="#"
-          className="px-3 py-1 text-sm primary-button text-primary-cta-text rounded cursor-pointer"
+          className="px-3 py-1 text-sm bg-white/20 backdrop-blur-md text-white border border-white/30 rounded cursor-pointer hover:bg-white/30 transition-colors"
         >
           LinkedIn
         </a>
         <a
           href="#"
-          className="px-3 py-1 text-sm primary-button text-primary-cta-text rounded cursor-pointer"
+          className="px-3 py-1 text-sm bg-white/20 backdrop-blur-md text-white border border-white/30 rounded cursor-pointer hover:bg-white/30 transition-colors"
         >
           Instagram
         </a>
         <a
           href="#"
-          className="px-3 py-1 text-sm primary-button text-primary-cta-text rounded cursor-pointer"
+          className="px-3 py-1 text-sm bg-white/20 backdrop-blur-md text-white border border-white/30 rounded cursor-pointer hover:bg-white/30 transition-colors"
         >
           X
         </a>