Update teamcards.css

Author: zalabhavy

src/components/TeamProfileCards/teamcards.css

@@ -1,24 +1,25 @@
-/* teamcard.css */
+/* teamcards.css */
 
-.card {
+.team-profile-card > .card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
-    border: 0.5px solid black; 
+    border: 0.5px solid black;
   }
 
-  .card:hover {
+  .team-profile-card > .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
   }
 
-  .card_header .avatar_photo--xl {
+  .team-profile-card > .card > .card__header > .avatar > .avatar__photo--xl {
     border-radius: 50%;
     transition: transform 0.3s ease;
   }
-  
-  .button-group .button {
+   
+  .team-profile-card > .card > .card__footer > .button-group > .button {
     transition: background-color 0.3s ease, transform 0.3s ease;
   }
 
-  .button-group .button:hover {
+  .team-profile-card > .card > .card__footer > .button-group > .button:hover {
     background-color: #0056b3;
-  }
+  }
+