.product-sticker{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#e8b224 0%,#d29c16 50%,#b38612 100%);color:white;padding:8px 20px 8px 15px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:20;border-radius:0 4px 4px 0;box-shadow:3px 3px 5px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.15) inset,0 -3px 0 rgba(0,0,0,.15) inset;transform:perspective(500px) rotateY(-15deg);text-shadow:0 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);transition:all .3s ease;border-left:3px solid rgba(255,255,255,.2)}.product-sticker:after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;background:#9c7a10;transform:translateY(-50%) rotate(45deg);z-index:-1;box-shadow:2px 2px 3px rgba(0,0,0,.2)}.product-sticker i{margin-right:8px;font-size:14px;color:#fff;text-shadow:0 0 8px rgba(255,230,150,.8);transition:all .3s ease}.product-sticker:hover{transform:perspective(500px) rotateY(-10deg) translateY(-2px);box-shadow:4px 4px 8px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.2) inset,0 -4px 0 rgba(0,0,0,.2) inset}.product-sticker:hover i{color:#fffacd;transform:scale(1.1)}.product-sticker{background:linear-gradient(135deg,rgba(226,179,36,.9) 0%,rgba(210,156,22,.9) 50%,rgba(179,134,18,.9) 100%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.05"><rect width="100" height="100" fill="white"/></svg>')}