.top_header_wishlist {
  text-decoration: none;
  color: var(--text_black);
  display: flex;
  gap:3px;
  align-items: center;
  transition: var(--animation);
  svg {
    width: 22px;
    height: 22px;
    fill:var(--text_gray);
    position: relative;
    top: -1px;
  }
  span {}
  i {
    font-style: normal;
    color: var(--text_gray);
  }
  &:hover {
    svg {
      fill:var(--main_color);
    }
    i {
      color: var(--text_black);
    }
    span {
      color:  var(--main_color);
    }
  }
}