.--svg__product-rating-star {
    background-image: url('data:image/svg+xml,<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.1213 1.14756C11.2921 0.736916 11.8738 0.736916 12.0446 1.14756L14.6771 7.47692C14.7491 7.65004 14.9119 7.76832 15.0988 7.7833L21.9319 8.33111C22.3752 8.36665 22.555 8.9199 22.2172 9.20924L17.0111 13.6688C16.8687 13.7908 16.8065 13.9822 16.85 14.1645L18.4406 20.8325C18.5438 21.2651 18.0732 21.607 17.6936 21.3752L11.8435 17.802C11.6835 17.7042 11.4823 17.7042 11.3223 17.802L5.47223 21.3752C5.09268 21.607 4.62205 21.2651 4.72525 20.8325L6.31579 14.1645C6.35929 13.9822 6.29711 13.7908 6.15471 13.6688L0.948632 9.20924C0.610863 8.9199 0.790627 8.36665 1.23395 8.33111L8.06703 7.7833C8.25392 7.76832 8.41673 7.65004 8.48873 7.47692L11.1213 1.14756Z" fill="%239CC218"/></svg>');
    background-repeat: no-repeat;
    display: inline-block;
    opacity: .24;
}

.--svg__product-rating-star--active {
    opacity: 1;
}

.--svg__product-compare {
    background-image: url('data:image/svg+xml,<svg width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.14453" y="11.5786" width="6.07839" height="17.5779" rx="2" stroke="%238F688E" stroke-width="2"/><rect x="12.4883" y="1.0376" width="6.07839" height="28.1199" rx="2" stroke="%238F688E" stroke-width="2"/><rect x="23.832" y="19.1099" width="6.07839" height="10.0479" rx="2" stroke="%238F688E" stroke-width="2"/><path d="M26.9739 5.28174V9.52165M26.9739 13.7616V9.52165M26.9739 9.52165H31.2095H22.7383" stroke="%238F688E" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
}

.--svg__product-compare.active {
    background-image: url('data:image/svg+xml,<svg width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.14453" y="11.5786" width="6.07839" height="17.5779" rx="2" fill="%238F688E" stroke="%238F688E" stroke-width="2"/><rect x="12.4883" y="1.0376" width="6.07839" height="28.1199" rx="2" fill="%238F688E" stroke="%238F688E" stroke-width="2"/><rect x="23.832" y="19.1099" width="6.07839" height="10.0479" rx="2" fill="%238F688E" stroke="%238F688E" stroke-width="2"/><path d="M26.9739 5.28174V9.52165M26.9739 13.7616V9.52165M26.9739 9.52165H31.2095H22.7383" fill="%238F688E" stroke="%238F688E" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
}

.--svg__product-favorite {
    background-image: url('data:image/svg+xml,<svg width="32" height="28" viewBox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.2918 5.405L16.1642 6.96179L17.0366 5.40502C17.5113 4.55777 18.3027 3.42305 19.4656 2.54487L18.8629 1.74686L19.4656 2.54486C20.6623 1.64105 22.0033 1.18994 23.4757 1.18994C27.5939 1.18994 30.762 4.46042 30.762 8.96661C30.762 11.3541 29.7947 13.4088 27.9365 15.5984C26.053 17.8178 23.3378 20.0815 19.9506 22.9002L19.9506 22.9002L19.9496 22.901C18.8093 23.8499 17.5128 24.9289 16.1642 26.0804C14.8165 24.9297 13.5206 23.8512 12.3813 22.9031L12.3785 22.9008L12.3785 22.9008C8.99097 20.0818 6.27562 17.8179 4.39203 15.5985C2.53366 13.4088 1.56641 11.3541 1.56641 8.96661C1.56641 4.46042 4.73446 1.18994 8.85273 1.18994C10.3251 1.18994 11.666 1.64105 12.8628 2.54486L13.4655 1.74686L12.8628 2.54487C14.0257 3.42306 14.8171 4.55772 15.2918 5.405Z" stroke="%238F688E" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
}

.--svg__product-favorite.active {
    background-image: url('data:image/svg+xml,<svg width="32" height="28" viewBox="0 0 32 28" fill="%238F688E" xmlns="http://www.w3.org/2000/svg"><path d="M15.2918 5.405L16.1642 6.96179L17.0366 5.40502C17.5113 4.55777 18.3027 3.42305 19.4656 2.54487L18.8629 1.74686L19.4656 2.54486C20.6623 1.64105 22.0033 1.18994 23.4757 1.18994C27.5939 1.18994 30.762 4.46042 30.762 8.96661C30.762 11.3541 29.7947 13.4088 27.9365 15.5984C26.053 17.8178 23.3378 20.0815 19.9506 22.9002L19.9506 22.9002L19.9496 22.901C18.8093 23.8499 17.5128 24.9289 16.1642 26.0804C14.8165 24.9297 13.5206 23.8512 12.3813 22.9031L12.3785 22.9008L12.3785 22.9008C8.99097 20.0818 6.27562 17.8179 4.39203 15.5985C2.53366 13.4088 1.56641 11.3541 1.56641 8.96661C1.56641 4.46042 4.73446 1.18994 8.85273 1.18994C10.3251 1.18994 11.666 1.64105 12.8628 2.54486L13.4655 1.74686L12.8628 2.54487C14.0257 3.42306 14.8171 4.55772 15.2918 5.405Z" stroke="%238F688E" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
}