.favorite-feedback-static{position:relative}
button[data-favorite-state]::after{content:'✓';position:absolute;right:-2px;top:-2px;display:grid;place-items:center;width:15px;height:15px;box-sizing:border-box;border:1px solid #ffffffc9;border-radius:50%;background:#f2fbf7ee;color:#168153;font:700 10px/1 sans-serif;box-shadow:0 1px 5px #082f491a;pointer-events:none;z-index:2}
button[data-favorite-state=pending]::after{content:'';background:transparent;border:2px solid #99b9ef70;border-top-color:#417fe9;animation:favorite-saving .8s linear infinite;box-shadow:none}
button[data-favorite-state=error]::after{content:'!';color:#b52c43;background:#fff0f3f2}
button[data-favorite-state=saved]>svg{animation:favorite-confirm .32s ease-out}
.favorite-status-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes favorite-saving{to{transform:rotate(360deg)}}
@keyframes favorite-confirm{50%{transform:scale(1.17)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){button[data-favorite-state]::after,button[data-favorite-state=saved]>svg{animation:none}}