.ribbon-box{position:relative}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute}.ribbon:after,.ribbon:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #b34045}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:#8f3337;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left:after,.ribbon-top-left:before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left:after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}