.elementor-ribbon {
    height: 150px;
    inset-block-start: 0;
    inset-inline: auto 0;
    overflow: hidden;
    position: absolute;
    transform: rotate(90deg);
    width: 150px;
    z-index: 1
}

[dir=rtl] .elementor-ribbon {
    transform: rotate(0)
}

.elementor-ribbon-inner {
    background: #000;
    font-size: 9px;
    font-weight: 700;
    left: 0;
    line-height: 2;
    margin-block-start: 35px;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    width: 200%
}

[dir=rtl] .elementor-ribbon-inner {
    transform: translateY(-50%) translateX(0) translateX(35px) rotate(-45deg)
}

.elementor-ribbon.elementor-ribbon-left {
    left: 0;
    right: auto;
    transform: rotate(0)
}

.elementor-ribbon.elementor-ribbon-right {
    left: auto;
    right: 0;
    transform: rotate(90deg)
}