.favorite{align-items:center;display:flex}.favorite.button.button--text{height:var(--spacer-sm);margin:0;padding:0;width:auto}.favorite.active{color:var(--color-red-600)}.favorite.active:hover .favorite-text{color:var(--color-red-700)}.favorite .icon,.favorite .icon:before{--button-icon-size:var(--spacer-xs);height:var(--spacer-xs);padding:0;width:var(--spacer-xs)}.favorite-icon-text{align-items:center;display:flex;height:var(--spacer-xl)}.favorite-icon.favorite.button{margin:0;min-height:var(--spacer-3xl);padding:var(--spacer-3xs);width:auto}.favorite-icon .icon,.favorite-icon .icon:before{height:var(--spacer-base);width:var(--spacer-base)}.favorite-text.active .favorite-text{color:var(--color-red-600)}@media (hover:hover) and (min-width:1024px){.favorite-text.active .favorite-text:hover{color:var(--color-red-700)}}.favorite-text .icon{display:none}.favorite-text .favorite-text{color:var(--color-blue-600);font-size:.875rem;font-weight:400;line-height:1.25rem}.favorite-text:hover .favorite-text{color:var(--color-blue-800)}@media (hover:hover) and (min-width:1024px){.favorite:hover{color:var(--color-red-600)}}.favorite.active .icon:before{background-image:var(--favorite);transform:translate(0)}@media (hover:hover) and (min-width:1024px){.favorite:hover .icon:before{background-image:var(--favorite-outline-hover);transform:translate(0)}.favorite.active:hover .icon:before{background-image:var(--favorite-hover);transform:translateZ(0)}}