.favorite-button{
    --favorite-color: #ff2525;
    --disabled-color: #ccc;
    --unfavorite-color: #505050;

    color: var(--unfavorite-color);
    transition: all .2s ease-in-out;
}

.favorite-button.favorite-button--floating{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 24px;
}

.favorite-button:hover{
    transform: scale(1.2);
    transform-origin: center;
    color: var(--favorite-color);
}

.favorite-button.favorite-button--initial{
    color: var(--disabled-color);
    transition: none;
    pointer-events: none;
}

.favorite-button.favorite-button--active{
    color: var(--favorite-color);
}