.favorite-action{display:grid;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--color-white);transition:var(--trs-base);outline:none}.favorite-action:after{content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px;border:1px dashed;border-radius:inherit;opacity:0;transition:var(--trs-base),border-color 0s;pointer-events:none}.state--focus-enabled .favorite-action:focus:after{opacity:.75}.favorite-action:not(.favorite-action--btn):not(.favorite-action--link){width:40px;height:40px}.favorite-action__icon{grid-column:1;grid-row:1;width:20px;height:20px;transition:var(--trs-base)}.favorite-action__icon--active{color:var(--color-red)}.favorite-action--active .favorite-action__icon,.favorite-action__icon--active{opacity:0;visibility:hidden}.favorite-action--active .favorite-action__icon--active{opacity:1;visibility:visible}@media(any-hover:hover){.favorite-action:hover{opacity:.7}}.favorite-action:active{opacity:.7}.favorite-action.favorite-action--btn{opacity:1}.favorite-action--link{grid-template-columns:20px 1fr;gap:8px;font-size:var(--fz-small);line-height:20px;outline-offset:1px;outline:none}.state--focus-enabled .favorite-action--link:focus{outline:1px dashed;outline-offset:1px}.favorite-action--link:after{display:none}.favorite-action.btn--light,.favorite-action.btn--white{color:var(--color-black)}