.ribbon{position:absolute;top:-10px;left:-10px;width:120px;height:120px;overflow:hidden;z-index:1}.ribbon-content{position:absolute;left:-35px;top:35px;width:170px;height:30px;line-height:30px;text-align:center;transform:rotate(-45deg);background-color:#CE0404;   color:#FFF;box-shadow:0 2px 4px rgb(0 0 0 / .25)}.ribbon::before{top:0;right:0;position:absolute;z-index:-1;content:'';display:block;border:5px solid #c3c3c3}.ribbon::after{bottom:0;left:0;position:absolute;z-index:-1;content:'';display:block;border:5px solid #c3c3c3}