.product-card__content .heart{
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 10px;
    cursor: pointer;
    transition: opacity ease-in-out 200ms;
}
.ph-fill.ph-heart{
    display: none;
}
.ph.ph-heart{
    display: flex;
}
.product-card:hover .heart{
    opacity: 1;
    &:hover{
        .ph-fill.ph-heart{
            display: flex;
        }
        .ph.ph-heart{
            display: none;
        }
    }
}