@keyframes like-button-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes like-button-spark{0%{opacity:1;transform:rotate(calc(var(--spark-index) * 60deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--spark-index) * 60deg)) translateY(-16px) scale(.3)}}.like-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border:none;border-radius:50%;background:linear-gradient(90deg,#7e70c2,#6a5ea3);color:#fff;cursor:pointer;transition:transform .15s ease}.like-button:active{transform:scale(.96)}.like-button__icon{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.like-button__icon--pop{animation:like-button-pop .35s ease}.like-button:hover .like-button__icon{transform:scale(1.15)}.like-button__burst{position:absolute;inset:0;pointer-events:none}.like-button__spark{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#564a96;animation:like-button-spark .5s ease-out forwards}.like-button--subtle{width:20px;height:20px;background:#fff;border:1px solid rgba(126,112,194,.35);color:#564a96;box-shadow:0 2px 10px rgba(0,0,0,.08)}.like-button--subtle:hover{border-color:#564a96}.like-button--subtle:disabled{opacity:.6;cursor:default}.like-button--subtle.like-button--active{border-color:rgba(52,43,93,.4);color:#342b5d}