.heart-btn-component{z-index:1;opacity:0;background-color:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;margin:0;padding:5px;transition:all .3s;display:flex;position:absolute;top:15px;right:10px;box-shadow:0 4px 10px #00000026}.heart-btn-component svg{stroke:#6d6d6d;height:auto}.heart-btn-component:hover svg{stroke:red}.heart-btn-component .liked-heart{width:30px;height:auto;position:absolute}.heart-btn-component.notLiked .liked-heart{animation:.3s forwards gettingSmall}.heart-btn-component.liked{box-shadow:none;background-color:#0000}.heart-btn-component.liked .liked-heart{animation:.3s forwards gettingLiked}@keyframes gettingSmall{0%{opacity:1;width:30px}to{opacity:0;width:0}}@keyframes gettingLiked{0%{opacity:0;width:0}50%{width:40px}70%{width:36px}90%{width:40px}to{opacity:1;width:30px}}