Tạo ribbon bài đăng cho các nhãn chỉ định

<div class="thumb">
    <a href="#">
      <img src="https://4.bp.blogspot.com/-9m9vogkFOUE/W3Qr-VRE6YI/AAAAAAAAHO8/EBWdyqfrby0Da-E74RDocPUBnmQyPgrswCLcBGAs/s1600/newsplus.png">     </a>
    
    <div class='ribbon-pre'><span>Premium</span></div>
</div>
        <style>.thumb{position:relative;height:200px;width:300px} 
    .thumb img{height:100%;width:100%;border-radius:4px}
    
    .ribbon-pre{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon-pre span::after,.ribbon-pre span::before{content:"";top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid rgba(106,91,222,.8);position:absolute}
.ribbon-pre span::before{left:0;border-left:3px solid rgba(106,91,222,.8);border-right:3px solid transparent}
.ribbon-pre span::after{right:0;border-left:3px solid transparent;border-right:3px rgba(106,91,222,.8)}
.ribbon-pre span{font-size:13px;font-weight:700;color:#FFF;text-align:center;line-height:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:rgba(106,91,222,.8);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}</style>