wishlist-toggle [data-wishlist-toggle] {
  transition: opacity var(--transition-short);

  &:hover {
    opacity: 0.7;
  }
}

wishlist-toggle svg {
  transition: fill var(--transition-short);
  fill: transparent;
}

wishlist-toggle[data-is-in-wishlist='true'] svg {
  fill: currentcolor;
}