.heartFilledAnimation{position:absolute;display:none;top:50%;left:50%;transform:translate(-2.5px,-2.5px)}.heartBase{position:absolute}.heartBubble{opacity:0;width:5px;height:5px;border-left:5px solid #000;background-color:#000;border-radius:50%;transform:translate(-50%,-50%)}.heartBubble1{transform:translate(14px,0)}.heartBubble2{transform:rotate(45deg) translate(14px,0)}.heartBubble3{transform:rotate(90deg) translate(14px,0)}.heartBubble4{transform:rotate(135deg) translate(14px,0)}.heartBubble5{transform:rotate(180deg) translate(14px,0)}.heartBubble6{transform:rotate(225deg) translate(14px,0)}.heartBubble7{transform:rotate(270deg) translate(14px,0)}.heartBubble8{transform:rotate(315deg) translate(14px,0)}@keyframes heartAnimationBubbles{0%{transform:translate(0,0);opacity:.5}30%{transform:translate(3px,0);opacity:1}60%{transform:translate(5px,0);opacity:.5}100%{transform:translate(8px,0);opacity:0;overflow:hidden}}@keyframes fadeAndScaleIconHeartFilled{0%,100%{transform:scale(1)}40%{transform:scale(.7)}60%{transform:scale(1.2)}}.wishlist-btn .btn-icon{display:flex;transition:.5s;z-index:2}.wishlist-btn .btn-icon .add-to-wishlist{top:50%;left:50%;position:absolute}.wishlist-btn .btn-icon .add-to-wishlist::before{position:absolute;transform:translate(-50%,-50%);color:#000}.wishlist-btn.added .add-to-wishlist{opacity:0}.wishlist-btn.added .btn-title .add-to-wishlist{display:none}.wishlist-btn.add-animation .heartFilledAnimation{display:block}.wishlist-btn.add-animation .btn-icon{animation:.4s forwards fadeAndScaleIconHeartFilled}.wishlist-btn.add-animation .heartBubble{animation:.25s linear .1s heartAnimationBubbles}.wishlist-btn:not(.added) .on-wishlist{opacity:0;color:#000}.wishlist-btn:not(.added) .btn-title .on-wishlist{display:none}