.fav-button{width:var(--kadr-tap-target);height:var(--kadr-tap-target);color:var(--kadr-color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.fav-button__icon{z-index:1;width:21px;height:21px;transition:transform var(--kadr-duration-fast) var(--kadr-ease-out);position:relative}.fav-button--card{color:#fff}.fav-button--card:before{background:var(--kadr-color-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);content:"";border:1px solid #ffffffb3;border-radius:50%;position:absolute;inset:6px}.fav-button--card .fav-button__icon{width:16px;height:16px}.fav-button--floating{background:var(--kadr-color-floating);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff9e}.fav-button:active .fav-button__icon{transform:scale(.82)}.fav-button:focus-visible{outline:var(--kadr-focus-ring) solid var(--kadr-color-focus);outline-offset:0}.fav-button--card:focus-visible{outline-offset:-3px;outline-color:#fff}.fav-button:disabled{cursor:default;opacity:.5}@media (prefers-reduced-motion:reduce){.fav-button__icon{transition:none}}