.ribbon20-wrapper{display:block;position:relative;margin:0 auto;padding:.5em 4em;background:#f1f1f1;max-width:100%;width:100%;font-size:1em;font-weight:700;border:1px solid #000;background:#fff}.ribbon20{display:inline-block;position:absolute;left:0;top:5px;box-sizing:border-box;padding:0 12px;margin:0;height:30px;line-height:30px;font-size:1em;letter-spacing:.1em;color:#fff;background:#008250;box-shadow:0 2px 2px rgba(0,0,0,.12)}.ribbon20:before{position:absolute;content:'';top:0;left:-7px;border:none;height:38px;width:7px;background:#008250;border-radius:5px 0 0 5px}.ribbon20:after{position:absolute;content:'';bottom:-7px;left:-5px;border:none;height:7px;width:5px;background:#3c4642;border-radius:5px 0 0 5px}