.corner-ribbon{position:absolute;left:-0.3125rem;top:0;z-index:1;overflow:hidden;width:4.6875rem;height:4.6875rem;text-align:right}.corner-ribbon>span{font-size:0.875rem;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;line-height:1.5625rem;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:6.25rem;display:block;position:absolute;top:0.875rem;left:-1.4375rem;background-color:grey}.corner-ribbon>span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-right:0.1875rem solid transparent;border-bottom:0.1875rem solid transparent}