:root{--like-fill-01:#c9cfd3;--like-tone-01:#dd1c1f;--like-tone-02:#e2264d;--like-tone-03:#dd4688;--like-tone-04:#d46abf;--like-tone-05:#cc8ef5;--like-tone-06:transparent}.like-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:5px;padding:0}.like-btn svg{cursor:pointer;max-height:16px;max-width:16px;min-height:16px;min-width:16px;overflow:visible;transition:transform .3s ease,fill .3s ease}.like-btn p{color:var(--font);font-size:.9rem;font-weight:500;margin:0}.liked-btn svg{cursor:pointer}.like-btn svg path#in{fill:var(--like-in);transition:fill .3s ease}.like-btn svg path#out{fill:var(--like-out);transition:fill .3s ease}.like-btn.liked svg path#in,.like-btn.liked svg path#out{fill:var(--red-solid)}.like-btn #heart{animation:animateHeartOut .3s linear forwards;transform-origin:center}#eye,.like-btn #heart{fill:var(--like-fill-01)}.like-btn:hover svg{transform:scale(1.2) translateY(-2px)}.like-btn:hover svg #heart{fill:var(--like-tone-01) 41}.like-btn.liked:hover svg #heart{fill:var(--like-tone-02);transform:scale(1)}.like-btn #main-circ{transform-origin:14.5px 13.8px}.like-btn.liked svg #heart{animation:animateHeart .3s linear .25s forwards;fill:var(--like-tone-02);transform:scale(.2)}.like-btn.liked svg #main-circ{animation:animateCircle .3s linear forwards;opacity:1;transition:all 2s}.like-btn.liked svg #grp1{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp1 #oval1{transform:scale(0) translateY(-61.73px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp1 #oval2{transform:scale(0) translate(19.94px,-102.88px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp2{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp2 #oval1{transform:scale(0) translate(59.83px,-30.86px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp2 #oval2{transform:scale(0) translate(119.65px,-30.86px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp3{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp3 #oval1{transform:scale(0) translate(59.83px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp3 #oval2{transform:scale(0) translate(119.65px,20.58px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp4{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp4 #oval1{transform:scale(0) translate(59.83px,30.86px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp4 #oval2{transform:scale(0) translate(79.77px,102.88px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp5{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp5 #oval1{transform:scale(0) translate(-19.94px,41.15px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp5 #oval2{transform:scale(0) translate(-119.65px,61.73px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp6{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp6 #oval1{transform:scale(0) translate(-59.83px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp6 #oval2{transform:scale(0) translate(-119.65px,-10.29px);transform-origin:0 0 0;transition:transform 1.5s .3s}.like-btn.liked svg #grp7{opacity:1;transition:all .1s .3s}.like-btn.liked svg #grp7 #oval1{transform:scale(0) translate(-59.83px,-30.86px);transform-origin:0 0 0;transition:transform .5s .3s}.like-btn.liked svg #grp7 #oval2{transform:scale(0) translate(-109.68px,-61.73px);transform-origin:0 0 0;transition:transform 1.5s .3s}@keyframes animateCircle{40%{fill:var(--like-tone-03);opacity:1;transform:scale(10)}55%{fill:var(--like-tone-04);opacity:1;transform:scale(11)}65%{fill:var(--like-tone-05);opacity:1;transform:scale(12)}75%{fill:var(--like-tone-06);opacity:1;stroke:var(--like-tone-05);stroke-width:.5;transform:scale(13)}85%{fill:var(--like-tone-06);opacity:1;stroke:var(--like-tone-05);stroke-width:.2;transform:scale(17)}95%{fill:var(--like-tone-06);opacity:1;stroke:var(--like-tone-05);stroke-width:.1;transform:scale(18)}to{fill:var(--like-tone-06);opacity:1;stroke:var(--like-tone-05);stroke-width:0;transform:scale(19)}}@keyframes animateHeart{0%{transform:scale(.2)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes animateHeartOut{0%{transform:scale(1.4)}to{transform:scale(1)}}