.ribbon{height:75px;overflow:hidden;position:absolute;right:-5px;text-align:right;top:-5px;width:75px;z-index:1}.ribbon span{background:#79a70a;background:linear-gradient(#9bc90d,#79a70a);box-shadow:0 3px 10px -5px #000;color:#fff;display:block;font-size:10px;font-weight:700;line-height:20px;position:absolute;right:-21px;text-align:center;text-transform:uppercase;top:19px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px}.ribbon span:before{border-color:#79a70a transparent transparent #79a70a;border-style:solid;border-width:3px;left:0}.ribbon span:after,.ribbon span:before{content:"";position:absolute;top:100%;z-index:-1}.ribbon span:after{border-color:#79a70a #79a70a transparent transparent;border-style:solid;border-width:3px;right:0}