.heart-filled-animation{position:absolute;display:none;top:50%;left:50%;transform:translate(-2.5px,-2.5px)}.heart-base{position:absolute}.heart-bubble{opacity:0;width:5px;height:5px;border-left:5px solid #000;background-color:#000;border-radius:50%;transform:translate(-50%,-50%)}.heart-bubble1{transform:translate(14px,0)}.heart-bubble2{transform:rotate(45deg) translate(14px,0)}.heart-bubble3{transform:rotate(90deg) translate(14px,0)}.heart-bubble4{transform:rotate(135deg) translate(14px,0)}.heart-bubble5{transform:rotate(180deg) translate(14px,0)}.heart-bubble6{transform:rotate(225deg) translate(14px,0)}.heart-bubble7{transform:rotate(270deg) translate(14px,0)}.heart-bubble8{transform:rotate(315deg) translate(14px,0)}@keyframes heart-animation-bubbles{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 fade-and-scale-icon-heart-filled{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 .heart-filled-animation{display:block}.wishlist-btn.add-animation .btn-icon{animation:.4s forwards fade-and-scale-icon-heart-filled}.wishlist-btn.add-animation .heart-bubble{animation:.25s linear .1s heart-animation-bubbles}.wishlist-btn:not(.added) .on-wishlist{opacity:0;color:#000}.wishlist-btn:not(.added) .btn-title .on-wishlist{display:none}