.ribbon{height:150px;overflow:hidden;position:absolute;right:-10px;top:-10px;width:150px}.ribbon__content{background-color:#ff2f30;border:2px dotted #fff;box-shadow:0 0 10px;color:#fff;display:block;left:-25px;outline:5px solid #f5cd79;padding:10px 0;position:absolute;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;top:30px;transform:rotate(45deg);width:225px}.ribbon:before{box-sizing:content-box;left:0;top:0}.ribbon:after,.ribbon:before{border:5px solid #f19066;content:"";display:block;position:absolute;z-index:-1}.ribbon:after{bottom:0;right:0}