/* -------------------------------------------------------
   team-load-more.css  –  paste into styles.css
   or link as a separate stylesheet before </body>
------------------------------------------------------- */

/* Hides extra team member cards until "load more" is clicked */
.team-hidden {
  display: none !important;
}

/* Optional fade-in when cards are revealed */
.team-revealed {
  animation: teamFadeIn 0.4s ease both;
}

@keyframes teamFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Button wrapper – centred, with breathing room */
.team-load-more-wrapper {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.team-load-more-btn {
  font-family: 'proextreme';
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: 0.6rem 2rem;
  font-size: 18px;
  cursor: pointer;
  letter-spacing: 0.05em;
  transition: background 0.2s ease, color 0.2s ease;
}

.team-load-more-btn:hover {
  background: #ffffff;
  color: #000000;
  
}