.ribbon-tag-wrapper-cf82ec0c {
    display: flex;
    padding-top: 15px; /* Spacing for the fold to be visible */
}

.ribbon-tag-cf82ec0c {
    position: relative;
    display: inline-block;
    background-color: var(--ribbon-bg, #00e5ff);
    color: #5c6bc0;
    padding: 10px 24px;
    border-radius: 8px 0 0 8px; /* Default border radius, controlled via Elementor */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

/* The folded ribbon effect on top right */
.ribbon-tag-cf82ec0c::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0;
    border-style: solid;
    border-width: 0 8px 12px 0;
    /* Uses the background color but applied a brightness filter to make it darker */
    border-color: transparent transparent var(--ribbon-bg, #00e5ff) transparent;
    filter: brightness(0.75);
    z-index: -1;
}