.blue-discount-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DDDDDD;
    color: black;
    font-size: 16px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    margin: 5px;
}

.blue-discount-badge--hearts {
    color: white;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEzMCIgaGVpZ2h0PSIxMzAiPgogIDxwYXRoIGQ9Ik0gNjUsMjkgQyA1OSwxOSA0OSwxMiAzNywxMiAyMCwxMiA3LDI1IDcsNDIgNyw3NSAyNSw4MCA2NSwxMTggMTA1LDgwIDEyMyw3NSAxMjMsNDIgMTIzLDI1IDExMCwxMiA5MywxMiA4MSwxMiA3MSwxOSA2NSwyOSB6IiBzdHlsZT0iZmlsbDojRDczMzREIi8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center 3px;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
    border-radius: 0px;
}