.savebtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0;border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.savebtn:hover{border-color:var(--border-strong);color:var(--text-primary)}.savebtn:disabled{cursor:default}.savebtn--icon{width:38px;height:38px;border-radius:var(--radius-full)}.savebtn--pill{min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:.85rem;font-weight:700}.savebtn.is-saved{border-color:var(--color-gold);color:var(--color-gold-ink);background:var(--color-gold-subtle)}.savebtn__mark{display:inline-flex}@keyframes savebtn-pop{0%{transform:scale(1)}35%{transform:scale(1.32)}65%{transform:scale(.92)}to{transform:scale(1)}}.savebtn.is-pop .savebtn__mark{animation:savebtn-pop .26s ease-out}.savebtn.is-pop:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--color-gold);animation:savebtn-ring .42s ease-out forwards;pointer-events:none}.savebtn{position:relative}@keyframes savebtn-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.savebtn.is-pop .savebtn__mark,.savebtn.is-pop:after{animation:none}.savebtn.is-pop:after{display:none}}