.cpm-bar{
 position:fixed;
 left:50%;
 transform:translateX(-50%);
 width:95%;
 padding:14px 30px;
 border-radius:60px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 backdrop-filter: blur(10px);
 z-index:9999;
}

.cpm-icon{
 position:relative;
 font-size:24px;
 color:#333;
}

.cpm-icon.disabled{
 color:#aaa;
 pointer-events:none;
}

.cpm-badge{
 position:absolute;
 top:-8px;
 right:-8px;
 width:24px;
 height:24px;
 background:red;
 color:#fff;
 font-size:12px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
}

.pulse{
 animation:pulse 1.5s infinite;
}

@keyframes pulse{
 0%{box-shadow:0 0 0 0 rgba(255,0,0,.6)}
 70%{box-shadow:0 0 0 15px rgba(255,0,0,0)}
 100%{box-shadow:0 0 0 0 rgba(255,0,0,0)}
}

.cpm-popup{
 display:none;
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.7);
 justify-content:center;
 align-items:center;
 z-index:10000;
}

.cpm-popup-content{
 background:#fff;
 padding:35px;
 border-radius:25px;
 width:90%;
 max-width:400px;
 text-align:center;
 position:relative;
}

.cpm-close{
 position:absolute;
 top:10px;
 right:15px;
 font-size:22px;
 cursor:pointer;
}

.cpm-btn{
 display:inline-block;
 margin-top:20px;
 background:#000;
 color:#fff;
 padding:10px 25px;
 border-radius:20px;
 text-decoration:none;
}