.ribbon{width:250px;height:200px;overflow:hidden;position:absolute;transform-origin:top left;pointer-events:none;z-index:13}.ribbon span{position:absolute;display:block;width:345px;padding:.7rem 0;text-shadow:0 1px 1px #b3b3b3;text-transform:uppercase;text-align:center;top:64px;right:-21px;transform:rotate(-38deg)}.ribbon.ribbon-top-left{top:0;left:0}.ribbon.ribbon-top-left:after,.ribbon.ribbon-top-left:before{border-top-color:transparent;border-left-color:transparent}.ribbon.ribbon-top-left:before{top:0;right:0}.ribbon.ribbon-top-left:after{bottom:0;left:0}.ribbon--small{transform:scale(.8)}.ribbon--large{transform:scale(1.2)}