.event-ribbon{position:absolute;z-index:2;top:20px;left:-49px;width:176px;padding:7px 0 8px;background:#f90;color:#131921;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:rotate(-45deg);box-shadow:0 3px 7px #13192152;transition:background-color .2s ease,box-shadow .2s ease}.event-ribbon:before,.event-ribbon:after{content:"";position:absolute;bottom:-7px;border-style:solid}.event-ribbon:before{left:0;border-width:7px 7px 0 0;border-color:#b76500 transparent transparent transparent}.event-ribbon:after{right:0;border-width:7px 0 0 7px;border-color:#b76500 transparent transparent transparent}.group:hover .event-ribbon{background:#ffb52e;box-shadow:0 4px 11px #ff99008c}.group:active .event-ribbon{background:#e98500}