.cp_favorite-card__block {
    display: block;
    min-height: 17px;
    min-width: 17px;
    height: 40px;
    width: 40px;
    background-color: #f3f3f5;
    cursor: pointer;
}
.cp_favorite-card__block.cp_favorite-card__block--transparent {
    background-color: transparent;
}
.cp_favorite-card__block--mobile {
    background-color: transparent;
    height: auto;
    width: auto;
}

.cp_favorite-card__button {
    display: flex;
    height: 100%;
    width: 100%;
}
.cp_favorite-card__button:before {
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    min-height: 17px;
    min-width: 17px;
    background: url(../images/tapSExxCzF0h.svg) center center no-repeat;
}
.cp_favorite-card__block.cp_favorite-card__block--outline .cp_favorite-card__button:before {
    background: url(../images/FSt3x5he2ApO.svg) center center no-repeat;
    filter: var(--icon-filter);
}

@media(hover: hover) and (pointer: fine) {
    .cp_favorite-card__block:hover .cp_favorite-card__button:before {
        background: url(../images/1oGy6Urqo3V3.svg) center center no-repeat;
        filter: none;
    }
}
.cp_favorite-card__block .cp_favorite-card__button[data-subscribed="true"]:before {
    background: url(../images/1oGy6Urqo3V3.svg) center center no-repeat;
    filter: none;
}

.cp_favorite-card__block--mobile .cp_favorite-card__button:after {
    content: attr(data-text);
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    color: var(--primary-text-color);
    margin-left: 5px;
    white-space: nowrap;
}