:root{--color-heart: #EA442B;--easing: cubic-bezier(.7, 0, .3, 1);--duration: .5s}.like-button-mini{width:2rem;height:2rem;appearance:none;border:none;border-radius:9999px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;margin:0;outline:none;z-index:10;transition:background-color .3s,transform var(--duration) var(--easing);cursor:pointer;display:flex;align-items:center;justify-content:center}.like-button-mini:hover{background:#000000b3}.like-button-mini:before{z-index:-1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;transition:inherit}.like-button-mini:active:before{animation:depress-shadow-mini var(--duration) var(--easing) both}.like-button-mini.animating{animation:depress-mini var(--duration) var(--easing) both}@keyframes depress-mini{0%,to{transform:none}50%{transform:translateY(2px) scale(.95)}}@keyframes depress-shadow-mini{0%,to{transform:none}50%{transform:scale(.9)}}.like-wrapper-mini{display:grid;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.like-wrapper-mini>*{grid-area:1 / 1;margin:auto}.heart-mini{width:1rem;height:1rem;display:block;transform-origin:center 80%;position:relative;z-index:2}.heart-mini>path{stroke:#fff;stroke-width:2;fill:transparent;transition:fill var(--duration) var(--easing),stroke var(--duration) var(--easing)}.like-button-mini:hover .heart-mini>path{stroke:#efede6}.like-button-mini.animating .heart-mini>path,.like-button-mini.liked .heart-mini>path{fill:var(--color-heart);stroke:var(--color-heart)}.like-button-mini.animating .heart-mini{animation:heart-bounce var(--duration) var(--easing)}@keyframes heart-bounce{40%{transform:scale(.7)}0%,80%,to{transform:scale(1)}}.particles-mini{width:1px;height:1px;position:relative}.particle-mini{position:absolute;top:0;left:0;height:.25rem;width:.25rem;border-radius:.125rem;--percentage: calc(var(--i) / var(--total-particles));--Θ: calc(var(--percentage) * 1turn);transform:translate(-50%,-50%) rotate(var(--Θ)) translateY(0) scaleY(0);transition:all var(--duration) var(--easing)}.like-button-mini.animating .particle-mini{animation:particles-out-mini calc(var(--duration) * 1.2) var(--easing) forwards}@keyframes particles-out-mini{50%{height:.5rem}50%,60%{height:.5rem;transform:translate(-50%,-50%) rotate(var(--Θ)) translateY(1.2rem) scale(1)}60%{height:.35rem}to{transform:translate(-50%,-50%) rotate(var(--Θ)) translateY(1.5rem) scale(0)}}.ripple-mini{height:2rem;width:2rem;border-radius:50%;overflow:hidden;z-index:1;position:absolute}.ripple-mini:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:.25rem solid var(--color-heart);border-radius:inherit;transform:scale(0)}.like-button-mini.animating .ripple-mini:before{animation:ripple-out-mini var(--duration) var(--easing)}@keyframes ripple-out-mini{0%{transform:scale(0)}to{transform:scale(3);opacity:0}}.like-button-mini.animating{pointer-events:none}