svg{cursor:pointer;overflow:visible}svg #heart{transform-origin:center;animation:animateHeartOut .3s linear forwards}svg #main-circ{transform-origin:29.5px 29.5px}#checkbox{display:none}#checkbox:checked+label svg #heart{transform:scale(.2);fill:#e2264d;animation:animateHeart .3s linear forwards .25s}#checkbox:checked+label svg #main-circ{transition:all 2s;animation:animateCircle .3s linear forwards;opacity:1}#checkbox:checked+label svg #grp1{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp1 #oval1{transform:scale(0) translateY(-30px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp1 #oval2{transform:scale(0) translate(10px,-50px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp2{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp2 #oval1{transform:scale(0) translate(30px,-15px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp2 #oval2{transform:scale(0) translate(60px,-15px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp3{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp3 #oval1{transform:scale(0) translate(30px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp3 #oval2{transform:scale(0) translate(60px,10px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp4{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp4 #oval1{transform:scale(0) translate(30px,15px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp4 #oval2{transform:scale(0) translate(40px,50px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp5{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp5 #oval1{transform:scale(0) translate(-10px,20px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp5 #oval2{transform:scale(0) translate(-60px,30px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp6{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp6 #oval1{transform:scale(0) translate(-30px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp6 #oval2{transform:scale(0) translate(-60px,-5px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp7{opacity:1;transition:.1s all .3s}#checkbox:checked+label svg #grp7 #oval1{transform:scale(0) translate(-30px,-15px);transform-origin:0 0 0;transition:.5s transform .3s}#checkbox:checked+label svg #grp7 #oval2{transform:scale(0) translate(-55px,-30px);transform-origin:0 0 0;transition:1.5s transform .3s}#checkbox:checked+label svg #grp2,#checkbox:checked+label svg #grp3,#checkbox:checked+label svg #grp4,#checkbox:checked+label svg #grp5,#checkbox:checked+label svg #grp6,#checkbox:checked+label svg #grp7{opacity:1;transition:.1s opacity .3s}@keyframes animateCircle{40%{transform:scale(10);opacity:1;fill:#dd4688}55%{transform:scale(11);opacity:1;fill:#d46abf}65%{transform:scale(12);opacity:1;fill:#cc8ef5}75%{transform:scale(13);opacity:1;fill:transparent;stroke:#cc8ef5;stroke-width:.5}85%{transform:scale(17);opacity:1;fill:transparent;stroke:#cc8ef5;stroke-width:.2}95%{transform:scale(18);opacity:1;fill:transparent;stroke:#cc8ef5;stroke-width:.1}to{transform:scale(19);opacity:1;fill:transparent;stroke:#cc8ef5;stroke-width:0}}@keyframes animateHeart{0%{transform:scale(.2)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes animateHeartOut{0%{transform:scale(1.4)}to{transform:scale(1)}}.icon-container{border-radius:50%;padding:8px;width:40px;height:40px;transition:background-color .2s ease-in-out}.icon-container:hover{background-color:#1e1e1e;color:#f5f5f5}