.pre-release:after{content:"beta";position:fixed;width:80px;height:25px;background:#ee8e4a;top:7px;left:-20px;text-align:center;font-size:13px;font-family:sans-serif;text-transform:uppercase;font-weight:bold;color:#fff;line-height:27px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1000}.ribbon-box{width:200px;height:300px;position:relative;border:1px solid #bbb;background:#eee}.ribbon{content:"beta";text-transform:uppercase;position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79a70a;background:linear-gradient(#c90000 0%,#a71212 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #a71212;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #a71212}.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #a71212;border-bottom:3px solid transparent;border-top:3px solid #a71212}