.favorite-button{background:none;border:0;color:var(--color-border--favorite_heart);cursor:pointer;display:block;height:2.8rem;margin:.5rem;padding:0;width:2.8rem}.favorite-button:focus{box-shadow:none!important;outline:calc(var(--border-width--default)*1.5) dashed var(--color--primary)}.favorite-button:active{box-shadow:none;outline:none}@media (hover:none){.favorite-button:focus,.favorite-button:focus-within,.favorite-button:hover{box-shadow:none!important;outline:none}}@media print{.favorite-button{box-shadow:none!important;outline:none}}@media (min-width:480px){.favorite-button{height:3.3rem;margin-left:auto;width:3.2rem}}.page--recipe-details .favorite-button{margin:0}.favorite-button--fill{fill:var(--color-fill--favorite_heart);color:var(--color-border--favorite_heart)}.favorite-button--fill.favorite-button--in-card,.favorite-button--fill.favorite-button--in-recipe-card{opacity:.6;transition:opacity .35s ease-out;visibility:visible}.favorite-button--fill.favorite-button--in-recipe-card{z-index:3}.c-card--hoverable:hover .favorite-button--fill,.favorite-button--fill.favorite-button--in-card:focus{opacity:1}.c-card--hoverable:hover .favorite-button--fill,.favorite-button--fill.favorite-button--in-recipe-card:focus{opacity:1;z-index:3}.favorite-button--outline{opacity:1;visibility:visible}.favorite-button--in-card{height:2rem;margin:0 .5rem .5rem auto;min-width:2.5rem;opacity:0;-webkit-order:2;order:2;transition:opacity .35s ease-out;visibility:hidden;width:2rem}@media (min-width:375px){.favorite-button--in-card{height:2.5rem;width:2.5rem}}@media (min-width:490px){.favorite-button--in-card{height:2rem;width:2rem}}@media (min-width:630px){.favorite-button--in-card{height:2.5rem;width:2.5rem}}.c-card--hoverable:focus-within .favorite-button--in-card,.c-card--hoverable:hover .favorite-button--in-card,.c-card:focus .favorite-button--in-card,.c-card:focus-within .favorite-button--in-card,.c-card__img-link:focus .favorite-button--in-card,.favorite-button--in-card:focus,.favorite-button--in-card:focus-within{opacity:1;visibility:visible}.favorite-button--in-recipe-card{margin:0;transition:opacity .2s ease-out .05s;z-index:0}.c-card--hoverable:hover .favorite-button--in-recipe-card,.c-card--recipe:focus .favorite-button--in-recipe-card,.c-card--recipe:focus-within .favorite-button--in-recipe-card,.c-card__img-link--recipe:focus .favorite-button--in-recipe-card,.favorite-button--in-recipe-card:focus,.favorite-button--in-recipe-card:focus-within{z-index:3}