ribbon{font-weight:400;height:36px;line-height:30px;position:relative;color:#fff;text-align:center;background:rgb(61,176,247);font-size:22px;padding:0 16px;min-width:250px;align-content:center}ribbon,ribbon:after,ribbon:before{display:inline-block;vertical-align:middle}ribbon:after,ribbon:before{content:"";position:absolute;width:0;bottom:0}ribbon:before{left:0;border-color:transparent transparent transparent #ffffff;border-style:solid;border-width:18px 0 18px 10px}ribbon:after{right:0;border-color:transparent #ffffff transparent transparent;border-style:solid;border-width:18px 10px 18px 0}span{display:inline-block;vertical-align:middle}