.App{display:flex;align-items:center;justify-content:center}.heart-icon{width:calc(6.25rem * var(--mantine-scale));background:url(https://cdn.bulutbilisimciler.com/public/heart.png);background-position:0;cursor:pointer;position:absolute}.heart-bg,.heart-icon{height:calc(3.125rem * var(--mantine-scale))}.heart-bg{background:rgba(255,192,200,0);border-radius:50%;width:calc(3.125rem * var(--mantine-scale));display:flex;align-items:center;justify-content:center;transition:all .1s ease}.heart-bg:hover{background:rgba(255,192,200,.7)}.likes-amount{font-size:calc(1.25rem * var(--mantine-scale));font-family:Roboto,sans-serif;color:#888;font-weight:900;margin-left:calc(.375rem * var(--mantine-scale))}.heart-icon.liked{animation:like-anim .7s steps(28) forwards}@keyframes like-anim{to{background-position:100%}}.likes-amount.liked{color:red}.my-likes{animation:like-anim .7s steps(1) reverse forwards;animation-play-state:paused}