.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:100px;height:100px;text-align:right}.ribbon span{font-size:18px;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;line-height:26px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:130px;display:block;background:#79a70a;background:linear-gradient(#f70505 0,#8f0808 100%);box-shadow:0 3px 10px -5px #000;position:absolute;top:25px;left:-26px}.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #8f0808;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #8f0808}.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #8f0808;border-bottom:3px solid transparent;border-top:3px solid #8f0808}