[data-favorite="1"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:
        color 0.18s ease,
        opacity 0.18s ease,
        transform 0.18s ease;
}

[data-favorite="1"]:hover {
    transform: scale(1.06);
}

[data-favorite="1"].is-favorite {
    color: #d84a5a;
}

[data-favorite="1"][aria-busy="true"] {
    opacity: 0.55;
    cursor: wait;
}

[data-favorite="1"]:disabled {
    cursor: default;
}

[data-favorite="1"] > [aria-hidden="true"] {
    display: inline-block;
    line-height: 1;
    transition:
        color 0.18s ease,
        transform 0.18s ease;
}

[data-favorite="1"].is-favorite > [aria-hidden="true"] {
    transform: scale(1.04);
}