.discount-badge{position:relative;display:inline-block;cursor:pointer}.discount-badge p span{padding:7px}.discount-tooltip{visibility:hidden;opacity:0;position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.discount-tooltip:after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.discount-badge:hover .discount-tooltip{visibility:visible;opacity:1}@media (max-width:768px){.discount-tooltip{top:-130%;margin-top:8px;white-space:normal;max-width:200px;width:max-content;min-width:120px}.discount-badge:active .discount-tooltip,.discount-badge:focus-within .discount-tooltip,.discount-badge:focus .discount-tooltip{visibility:visible;opacity:1}}