.heart[data-v-c18dbcb6]{fill:gray;pointer-events:none;transition:fill .5s,transform .5s}.heart-btn[data-v-c18dbcb6]{background:transparent;position:relative}.heart-btn.liked .heart[data-v-c18dbcb6]{fill:var(--primary-lighter-clr)}.heart-btn.liked .heart-icon[data-v-c18dbcb6]{transform:scale(1.2)}.heart-btn.liked .heart-pop[data-v-c18dbcb6]{animation-direction:normal}.heart-btn[data-v-c18dbcb6]:active{box-shadow:0 0 4px #00000040}.heart-pop[data-v-c18dbcb6]{animation:popHeart-c18dbcb6 1s ease reverse forwards;left:0;opacity:0;position:absolute;width:30%}.heart-pop.one[data-v-c18dbcb6]{animation-delay:.45;left:1%;transform:rotate(-10deg)}.heart-pop.two[data-v-c18dbcb6]{animation-delay:.25s;left:15%;transform:rotate(8deg)}.heart-pop.three[data-v-c18dbcb6]{animation-delay:0;left:30%;transform:rotate(-5deg)}.heart-pop.four[data-v-c18dbcb6]{animation-delay:.3s;left:50%;transform:rotate(-8deg)}.heart-pop.five[data-v-c18dbcb6]{animation-delay:.9s;left:60%;transform:rotate(-10deg)}.heart-pop.six[data-v-c18dbcb6]{animation-delay:.2;left:70%;transform:rotate(-8deg)}.heart-pop.seven[data-v-c18dbcb6]{animation-delay:.35s;left:85%;transform:rotate(6deg)}.heart-pop.eight[data-v-c18dbcb6]{animation-delay:.5s;left:90%;transform:rotate(-4deg)}.heart-pop.nine[data-v-c18dbcb6]{animation-delay:.2s;left:95%;transform:rotate(8deg)}@keyframes popHeart-c18dbcb6{0%{left:calc(50% - 7px);top:10px}20%{opacity:1}80%{top:-20px}to{opacity:0}}