/* Final homepage candidate: Meet the Friends and footer only. */
.friends-section .friend {
  height: 200px;
  padding-top: 120px;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.friends-section .friend:is(:hover, :focus-visible) {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(14, 73, 181, .16);
  outline: 3px solid #6c23db;
  outline-offset: 3px;
}

.friends-section .friend img { bottom: 54px; }
.friends-section .friend.seya img,
.friends-section .friend.theo img,
.friends-section .friend.lulu img { height: 142px; }
.friends-section .friend.pip img { height: 136px; }
.friends-section .friend .character-voice__button { z-index: 2; }

@media (max-width: 620px) {
  .friends-section .friend { height: 190px; padding-top: 112px; }
  .friends-section .friend img { bottom: 50px; }
  .friends-section .friend.seya img,
  .friends-section .friend.theo img,
  .friends-section .friend.lulu img { height: 132px; }
  .friends-section .friend.pip img { height: 127px; }
}