.avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

ion-item.button {
  --background-hover: rgba(0, 0, 0, 0.1);
  --background-activated: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;

  &:hover {
    background-color: var(--background-hover);
  }

  &:active {
    background-color: var(--background-activated);
  }
}
