.sale-sticker {
    --width: 80px;
    --font-size: 1em;

    width: var(--width);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    font-weight: bold;
    font-size: var(--font-size);
    text-transform: uppercase;

    background: linear-gradient(
        to right bottom,
        var(--bonenkamp__color--7),
        var(--bonenkamp__color--7) 50%,
        var(--bonenkamp__color--1) 50%,
        var(--bonenkamp__color--1)
    );
    border-radius: 50%;

    &.small {
        --width: 40px;
        --font-size: 0.7em;
    }

    &.large {
        --width: 110px;
        --font-size: 1.3em;
    }
}