.heart-container{--heart-color:#ff5b89;cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.heart-container .checkbox{opacity:0;z-index:20;cursor:pointer;pointer-events:none;width:100%;height:100%;margin:0;position:absolute}.heart-container .svg-container{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.heart-container .svg-outline,.heart-container .svg-filled{fill:var(--heart-color);width:24px;height:24px;position:absolute}.heart-container .svg-filled{animation:1s keyframes-svg-filled;display:none}.heart-container .svg-celebrate{stroke:var(--heart-color);fill:var(--heart-color);stroke-width:2px;width:44px;height:44px;animation:.5s forwards keyframes-svg-celebrate;display:none;position:absolute}.heart-container .checkbox:checked~.svg-container .svg-filled,.heart-container .checkbox:checked~.svg-container .svg-celebrate{display:block}@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{filter:brightness(1.5);transform:scale(1)}}@keyframes keyframes-svg-celebrate{0%{transform:scale(0)}50%{opacity:1;filter:brightness(1.5)}to{opacity:0;display:none;transform:scale(1.4)}}