.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;color:#fff;text-transform:uppercase;text-align:center;font-weight:700;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}.ribbon span::before{content:'';position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}.ribbon span::after{content:'';position:absolute;right:0%;top:100%;z-index:-1;border-right:3px solid #79A70A;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}.red span{background:linear-gradient(#F70505 0%,#8F0808 100%)}.red span::before{border-left-color:#8F0808;border-top-color:#8F0808}.red span::after{border-right-color:#8F0808;border-top-color:#8F0808}.blue span{background:linear-gradient(#2989d8 0%,#1e5799 100%)}.blue span::before{border-left-color:#1e5799;border-top-color:#1e5799}.blue span::after{border-right-color:#1e5799;border-top-color:#1e5799}.grey span{background:linear-gradient(#B6BAC9 0%,#808080 100%)}.grey span::before{border-left-color:gray;border-top-color:gray}.grey span::after{border-right-color:gray;border-top-color:gray}.lightblue span{background:linear-gradient(#05EFF7 0%,#087F8F 100%)}.lightblue span::before{border-left-color:#087F8F;border-top-color:#087F8F}.lightblue span::after{border-right-color:#087F8F;border-top-color:#087F8F}.brown span{background:linear-gradient(#F79E05 0%,#8F5408 100%)}.brown span::before{border-left-color:#8F5408;border-top-color:#8F5408}.brown span::after{border-right-color:#8F5408;border-top-color:#8F5408}.pink span{background:linear-gradient(#b034d9 0%,#d054f9 100%)}.pink span::before{border-left-color:#d054f9;border-top-color:#d054f9}.pink span::after{border-right-color:#d054f9;border-top-color:#d054f9}.arrow-ribbon{font-size:12px;font-weight:700;line-height:20px;background:#F70505;background:linear-gradient(#F70505 0%,#8F0808 100%);color:#FFF;padding:0 10px;position:absolute;bottom:4px;right:-1px}.time-ribbon{display:none;font-size:12px;font-weight:700;line-height:20px;background:#2989d8;background:linear-gradient(#2989d8 0%,#1e5799 100%);color:#FFF;padding:0 24px;position:absolute;bottom:4px;left:1px}.heart-ribbon{font-size:18px;font-weight:700;line-height:20px;position:absolute;bottom:4px;left:7px;opacity:.75;filter:alpha(opacity=75)}