.custom-discount-badge-container{position:absolute;z-index:99;--badge-bg-color:#28a745;--badge-text-color:#ffffff;--badge-font-size:14px;--badge-width:auto;--badge-height:auto}.custom-discount-badge-container .discount-text{display:block;text-align:center;color:var(--badge-text-color);background-color:var(--badge-bg-color);font-size:var(--badge-font-size);font-weight:700;line-height:1;padding:5px 10px;width:var(--badge-width);height:var(--badge-height)}.custom-discount-badge-container.image-style .discount-text{clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%);padding:5px 0}.custom-discount-badge-container.slanted-ribbon{transform:skewX(-20deg)}.custom-discount-badge-container.slanted-ribbon .discount-text{transform:skewX(20deg)}.custom-discount-badge-container.simple-circle .discount-text{border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center}.custom-discount-badge-container.rounded-square .discount-text{border-radius:8px;padding:8px 12px}.custom-discount-badge-container.diagonal-ribbon{transform:rotate(45deg);top:15px!important;right:-10px!important}.custom-discount-badge-container.diagonal-ribbon.left{transform:rotate(-45deg);left:-10px!important;right:auto!important}.custom-discount-badge-container.diagonal-ribbon .discount-text{padding:8px 30px;width:100%}.custom-discount-badge-container.tag-style{transform:rotate(5deg)}.custom-discount-badge-container.tag-style .discount-text{position:relative;padding:5px 15px}.custom-discount-badge-container.tag-style .discount-text::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:8px solid var(--badge-bg-color)}.custom-discount-badge-container.rounded-with-circle .discount-text{position:relative;border-radius:50px;padding:8px 12px}.custom-discount-badge-container.rounded-with-circle .discount-text::before{content:'';position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--badge-bg-color);border:2px solid var(--badge-text-color)}.custom-discount-badge-container.rounded-with-circle.left .discount-text::before{left:-5px;right:auto}.custom-discount-badge-container.modern-rectangle .discount-text{border-radius:4px;padding:10px 15px;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.custom-discount-badge-container.starburst-shape .discount-text{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);padding:15px 10px}.custom-discount-badge-container.hexagon .discount-text{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);padding:10px 15px}.custom-discount-badge-container.ribbon-classic .discount-text{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);padding-bottom:12px}.custom-discount-badge-container.pentagon-style .discount-text{clip-path:polygon(100% 0,100% 70%,50% 100%,0 70%,0 0);padding:9px;line-height:1;font-size:11px}.custom-discount-badge-container.diagonal-corner-badge .discount-text{clip-path:polygon(0 0,100% 0,100% 85%,0 100%);padding:10px}.custom-discount-badge-container.ribbon-vcut{transform:rotate(45deg);right:-25px!important;top:15px!important}.custom-discount-badge-container.ribbon-vcut .discount-text{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);padding:2px 0 8px 0;font-size:12px}