@keyframes FavorableButton{50%{--un-scale-x:1.2;--un-scale-y:1.2;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}}.FavorableButton{display:flex;align-items:center;justify-content:center}.FavorableButton:not(.like-btn){width:3.125rem;height:3.125rem;padding:0rem!important}.FavorableButton[data-favorite=true] i{animation:FavorableButton .6s ease-out}.FavorableButton[data-favorite=true] i.favorite-default{display:none}.FavorableButton[data-favorite=true] i.favorite-active,.FavorableButton[data-favorite=false] i.favorite-default{display:inline-block}.FavorableButton[data-favorite=false] i.favorite-active{display:none}.FavorableButton i.favorite-default{color:var(--color-gray-400)}.FavorableButton i.favorite-active{color:var(--color-red-500)}