:root {
  --team-transition: all 0.2s ease-in-out;
}

.team-member-item,
.team-member-title,
.team-member-role {
  transition: var(--team-transition);
}

.team-member-title {
  font-size: 0.875rem;
  color: #161616;
}

.team-member-role {
  font-size: 0.625rem;
  color: #606b77;
}

@media (hover: hover) {
  .team-member:hover .team-member-item {
    background-color: #182730;
  }

  .team-member:hover .team-member-title {
    color: #fff;
  }

  .team-member:hover .team-member-role {
    color: #ff5b00;
  }
}