.ribbon{display:inline-block;position:relative;height:45px;text-align:center;box-sizing:border-box}.ribbon:before{left:-27px;border:20px solid #e00708;border-left-color:transparent}.ribbon:after,.ribbon:before{content:"";position:absolute;width:10px;bottom:-10px;z-index:-2}.ribbon:after{right:-27px;border:20px solid #e00708;border-right-color:transparent}.ribbon p{display:inline-block;position:relative;margin:0;padding:0 20px;line-height:45px;color:#FFF;background:#EE1314}.ribbon p:before{left:0;border:none;border-right:15px solid #e00708;border-bottom:10px solid transparent}.ribbon p:after,.ribbon p:before{position:absolute;content:"";top:100%}.ribbon p:after{right:0;border:none;border-bottom:10px solid transparent;border-left:15px solid #e00708}.circle-top{width:100px;height:50px;background:white;border-top-left-radius:50px;border-top-right-radius:50px;border:1px solid #ddd;border-bottom:none}