.favorite-button {
    width: auto;
    height: auto;
    border: 0px;
    cursor: pointer;
    background: url(../images/favorite.svg) no-repeat center;
    background-size: 25px;
    background-color: var(--bde-palette-color-1-3d8f81d3-995f-4ca3-ba97-33c0f9e8bc6c);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 100px;

    &.favorite {
        background: url(../images/favorite__full.svg) no-repeat center;
        background-color: var(--bde-palette-color-1-3d8f81d3-995f-4ca3-ba97-33c0f9e8bc6c);
    }
}

.menu-favorite-icon {
    &.has-favorites {
        position: relative;
    }
}

.xoo-wsc-sc-cont {
    .xoo-wsc-cart-trigger {
        max-height: 25px;
    }

    .xoo-wsc-sc-bki {
        max-height: 25px;

        img {
            max-height: 25px;
        }

    }
}

.menu-favorite-count {
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    width: 18px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    right: -7px;
    position: absolute;
    top: -7px;
    color: #ffffff;
    background-color: #756e60;
    pointer-events: none;
}

.product-loop .favorite-button {
    width: auto;
    height: auto;
    padding: 18px;
    background-size: 20px;

    &:active {
        background-size: 19px;
    }
}