/* Favorite action states */

[data-favorite-button] {
    transition:
        opacity .18s ease,
        transform .18s ease,
        background-color .18s ease,
        color .18s ease;
}

[data-favorite-button].is-loading {
    opacity: .55;
    pointer-events: none;
}

[data-favorite-button].is-favorite svg {
    fill: currentColor;
}

[data-favorite-button]:active {
    transform: scale(.94);
}