.cp_favorite-catalog__block {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    min-height: 17px;
    min-width: 17px;
    height: 30px;
    width: 30px;
    margin-bottom: 5px;
}

.cp_favorite-catalog__button {
    display: flex;
    width: 100%;
    height: 100%;

    border-radius: 100%;

    background-color: #FFF;

    opacity: 0;
    transition: opacity 0.3s ease;
}
@media(hover: none) {
    .cp_favorite-catalog__button {
        opacity: 1;
    }
}

.catalog_item .cp_favorite-catalog__button[data-subscribed="true"],
.cp_catalog-item .cp_favorite-catalog__button[data-subscribed="true"] {
    display: flex;
    background-color: var(--brand-color);
    opacity: 0.6;
}
@media(hover: hover) and (pointer: fine) {
    .catalog_item:hover .cp_favorite-catalog__button,
    .cp_catalog-item:hover .cp_favorite-catalog__button {
        opacity: 1;
        display: flex;
    }
    .catalog_item:hover .cp_favorite-catalog__button[data-subscribed="true"],
    .cp_catalog-item:hover .cp_favorite-catalog__button[data-subscribed="true"] {
        opacity: 1;
    }
    .cp_favorite-catalog__button:hover {
        background-color: #e3e3e3;
    }
    .cp_favorite-catalog__button[data-subscribed="true"]:hover {
        background-color: #d89d46;
    }
}


.cp_favorite-catalog__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-catalog__button[data-subscribed="true"]:before {
    background: url(../images/tapSExxCzF0h.svg) center center no-repeat;
    filter: brightness(0) invert(1);
}

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