.compare-favorite-cta {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.25rem 1rem;
    margin-left: 0.25rem;
    color: var(--compare_cta_text_color);
    background: var(--compare_cta_background_color);
    border: 1px solid var(--compare_cta_border_color);
    border-radius: 5rem;
    cursor: pointer;
    white-space: nowrap;
}

.compare-favorite-cta:hover {
    color: var(--compare_cta_hover_text_color);
    background: var(--compare_cta_hover_background_color);
    border-color: var(--compare_cta_hover_border_color);
}

.compare-favorite-cta svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: inherit;
}

.compare-favorite-count {
    display: inline-block;
    min-width: 1ch;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

@media only screen and (max-width: 880px) {
    .header-layout .compare-favorite-cta {
        align-self: center;
        margin: 0;
        margin-left: auto;
        margin-right: 0.5rem;
    }
    .header-compare-favorite-container {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .header-layout .compare-favorite-label {
        display: none;
    }
}