.esgb-yes {
    position: relative;
    --esgb-border-width: 1px;
    --esgb-radius: 24px;
    --esgb-direction: to right;
    --esgb-color-1: #fd5504;
    --esgb-color-2: #6C2402;
    --esgb-opacity: 1;
}

.esgb-yes::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: var(--esgb-radius);
    padding: var(--esgb-border-width);
    background: linear-gradient(var(--esgb-direction), var(--esgb-color-1) 0%, var(--esgb-color-2) 100%);
    opacity: var(--esgb-opacity);
    z-index: 2;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

/* keep child content above backgrounds while border sits on top edge only */
.esgb-yes > .elementor-element,
.esgb-yes > .e-con-inner,
.esgb-yes > .elementor-widget-wrap,
.esgb-yes > .elementor-container,
.esgb-yes > * {
    position: relative;
    z-index: 1;
}