.ribbon{width:150px;height:150px;overflow:hidden;position:absolute}.ribbon:after,.ribbon:before{position:absolute;z-index:0;content:"";display:block;border:5px solid #ff7e30;width:10px;height:10px}.ribbon span{position:absolute;z-index:51;display:block;width:225px;color:white;font-family:PP Neue Montreal,sans-serif;font-size:.9rem;padding:15px 0;background-color:#ff7e30;box-shadow:0 5px 10px rgba(0,0,0,.1);text-align:center}.ribbonTopRight{top:-10px;right:-10px}.ribbonTopRight:after,.ribbonTopRight:before{border-top-color:transparent;border-right-color:transparent}.ribbonTopRight:before{top:0;left:0}.ribbonTopRight:after{bottom:0;right:0}.ribbonTopRight span{left:-20px;top:30px;transform:rotate(45deg)}