.ribbon{--r:.5em;--c:#00542A;padding-inline:calc(.5em + var(--r));text-align:center;line-height:2;color:#fff;background-image:linear-gradient(var(--c) 70%,#0000 0),linear-gradient(to bottom left,#0000 50%,color-mix(in srgb,var(--c),#000 40%) 51% 84%,#0000 85%);background-position:0 .15lh;background-size:100% 1lh;clip-path:polygon(0 .15lh,100% .15lh,calc(100% - var(--r)) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),var(--r) calc(100% - .5lh),0 calc(100% - .85lh))}