.maddma-variation-badge-slot:not([hidden]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    margin: 0 0 .45rem 0;
    border: 6px solid transparent;
    border-radius: 50%;
    background:
        linear-gradient(#fff, #fff) padding-box,
        conic-gradient(
            #e53935 0 16.66%,
            #1976d2 16.66% 33.33%,
            #00a86b 33.33% 50%,
            #f4d000 50% 66.66%,
            #ff8c00 66.66% 83.33%,
            #e53935 83.33% 100%
        ) border-box;
    color: #555;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
}

.maddma-variation-badge-slot:not([hidden])::after {
    content: "Varianten verfügbar";
    position: absolute;
    left: 58px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}
.maddma-variation-badge-slot.maddma-variation-badge-single:not([hidden])::after {
    content: "Variante verfügbar";
}