.banner-ribbon{position:relative;margin:0 auto 20px;padding:10px 40px;text-align:center;background-image:linear-gradient(180deg,#ffda74,#f7cf2b)}.banner-ribbon:after,.banner-ribbon:before{content:"";width:80px;height:100%;background-color:#c89c03;position:absolute;z-index:-1;top:20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-image:linear-gradient(45deg,transparent 50%,#675101 0);background-size:20px 20px;background-repeat:no-repeat;background-position:100% 100%}.banner-ribbon:before{left:-60px}.banner-ribbon:after{right:-60px;transform:scaleX(-1)}