.like-btn-container{box-shadow:none;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;font-weight:600;transition:all .1s ease-out;display:flex;scale:1.5}.svg-icon-answer-like-circle{z-index:-1;position:absolute;top:calc(50% - 13px);left:calc(50% - 13px)}.like-btn{cursor:pointer;width:28px;height:28px;font-size:var(--extra-small-regular);background-color:#ffffff0d;border:1px solid #9e9e9ece;border-radius:20px;outline:0;flex:0 0 28px;justify-content:center;align-items:center;margin:auto auto 0;padding:8px;font-weight:600;transition:all .1s ease-out;display:flex;position:relative}.like-btn svg:not(.svg-icon-answer-like-circle){transition:all .1s ease-out;scale:1}.like-btn:active svg:not(.svg-icon-answer-like-circle){scale:.8}.like-btn svg{flex:0 0 16px;width:auto;height:auto;transition:all .2s ease-out;overflow:visible;scale:1}.like-btn span+svg{margin-left:4px}.like-btn-container.liked .like-btn{color:#ec72d1;fill:#ec72d1;background-color:#ff52a51a;border-color:#ec72d1}.like-btn-container .like-btn{fill:#9e9e9ece}.like-heart,.like-spark,.like-circle{transform-box:fill-box;transform-origin:50%}.like-heart{animation:.3s ease-in-out both like-heart-in}.like-btn-container.liked .like-heart{animation:.3s ease-in-out both like-heart-in,.3s ease-in-out like-heart-pop}.like-spark{opacity:0;scale:3}.like-btn-container.liked .like-spark{animation:like-spark .6s ease-in-out var(--delay,0s) both}.like-circle{opacity:0;animation:.6s ease-in-out .2s both like-circle}@keyframes like-heart-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes like-heart-pop{0%,to{scale:1}50%{scale:0}}@keyframes like-spark{0%{opacity:0;translate:var(--from)}50%{opacity:1}to{opacity:0;translate:var(--to)}}@keyframes like-circle{0%{opacity:1;scale:0}to{opacity:0;scale:2}}@media (prefers-reduced-motion:reduce){.like-heart,.like-spark,.like-circle{animation:none!important}}