/* Heart/wishlist icon: red outline when unfilled, red fill when active, white semi-transparent background */
.bp__wishlist {
    background-color: rgba(255, 255, 255, 0.7) !important;
    padding: 2px !important;
    border-radius: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.556' height='17.736' viewBox='0 0 19.556 17.736'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23cc0000;stroke-width:1;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M638.281,548.136a4.488,4.488,0,0,0-2.282-2.6,5.483,5.483,0,0,0-2.326-.517,4.863,4.863,0,0,0-4.213,2.188l-.115.2-.1-.17a4.861,4.861,0,0,0-4.214-2.192,5.479,5.479,0,0,0-2.324.516,4.488,4.488,0,0,0-2.283,2.6,5.72,5.72,0,0,0,.205,4.29c1.434,3.03,8.223,8.993,8.512,9.245a.3.3,0,0,0,.2.065l.043,0a.336.336,0,0,0,.19-.094c.4-.346,7.08-6.235,8.5-9.24A5.711,5.711,0,0,0,638.281,548.136Z' transform='translate(-619.575 -544.521)'/%3E%3C/svg%3E") !important;
}
.bp__wishlist.bp__wishlist-active,
.bp__wishlist:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
    padding: 2px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.5' height='16.736' viewBox='0 0 18.5 16.736'%3E%3Cpath fill='%23cc0000' d='M638.281,548.136a4.488,4.488,0,0,0-2.282-2.6,5.483,5.483,0,0,0-2.326-.517,4.863,4.863,0,0,0-4.213,2.188l-.115.2-.1-.17a4.861,4.861,0,0,0-4.214-2.192,5.479,5.479,0,0,0-2.324.516,4.488,4.488,0,0,0-2.283,2.6,5.72,5.72,0,0,0,.205,4.29c1.434,3.03,8.223,8.993,8.512,9.245a.3.3,0,0,0,.2.065l.043,0a.336.336,0,0,0,.19-.094c.4-.346,7.08-6.235,8.5-9.24A5.711,5.711,0,0,0,638.281,548.136Z' transform='translate(-620.102 -545.021)'/%3E%3C/svg%3E") !important;
}