.corner-ribbon{width:120px;height:120px;overflow:hidden;position:absolute}.corner-ribbon::before,.corner-ribbon::after{position:absolute;xz-index:-1;content:'';display:block;border:5px solid #2980b9}.corner-ribbon span{position:absolute;display:block;width:184px;padding:7px 0;background-color:#3498db;box-shadow:0 5px 10px rgba(0,0,0,0.1);color:#fff;font:700 14px/1 'Lato', sans-serif;text-shadow:0 1px 1px rgba(0,0,0,0.2);text-transform:uppercase;text-align:center}.corner-ribbon-top-left{top:-10px;left:-10px}.corner-ribbon-top-left::before,.corner-ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}.corner-ribbon-top-left::before{top:0;right:0}.corner-ribbon-top-left::after{bottom:0;left:0}.corner-ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.corner-ribbon-top-right{top:-10px;right:-10px}.corner-ribbon-top-right::before,.corner-ribbon-top-right::after{border-top-color:transparent;border-right-color:transparent}.corner-ribbon-top-right::before{top:0;left:0}.corner-ribbon-top-right::after{bottom:0;right:0}.corner-ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.corner-ribbon-bottom-left{bottom:-10px;left:-10px}.corner-ribbon-bottom-left::before,.corner-ribbon-bottom-left::after{border-bottom-color:transparent;border-left-color:transparent}.corner-ribbon-bottom-left::before{bottom:0;right:0}.corner-ribbon-bottom-left::after{top:0;left:0}.corner-ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.corner-ribbon-bottom-right{bottom:-10px;right:-10px}.corner-ribbon-bottom-right::before,.corner-ribbon-bottom-right::after{border-bottom-color:transparent;border-right-color:transparent}.corner-ribbon-bottom-right::before{bottom:0;left:0}.corner-ribbon-bottom-right::after{top:0;right:0}.corner-ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}