.ribbon-2{--f:10px;--r:15px;--t:10px;box-shadow:0 calc(var(--f)*-1)0 inset #0005;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f))100%,calc(100% - var(--f))calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r)calc(50% - var(--f)/2));inset:var(--t)calc(var(--f)*-1)auto auto;padding:0 10px var(--f)calc(10px + var(--r));background:#f1c40f;position:absolute}.ribbon-1{clip-path:inset(0 -100%);background:#769b08;position:absolute;box-shadow:0 0 0 999px #769b08}.left{transform-origin:100% 0;inset:0 auto auto 0;transform:translate(-29.3%)rotate(-45deg)}