#pbk-chat{
position:fixed;
display:flex;
gap:clamp(6px,1vw,10px);
z-index:9999;
}

/* POSITIONS */
.pbk-right-bottom{right:clamp(10px,2vw,24px);bottom:clamp(10px,2vw,24px);}
.pbk-left-bottom{left:clamp(10px,2vw,24px);bottom:clamp(10px,2vw,24px);}
.pbk-right-top{right:clamp(10px,2vw,24px);top:clamp(10px,2vw,24px);}
.pbk-left-top{left:clamp(10px,2vw,24px);top:clamp(10px,2vw,24px);}
.pbk-center-bottom{left:50%;transform:translateX(-50%);bottom:clamp(10px,2vw,24px);}
.pbk-center-top{left:50%;transform:translateX(-50%);top:clamp(10px,2vw,24px);}

.pbk-btn{
display:flex;
align-items:center;
gap:clamp(6px,1vw,10px);
padding:clamp(8px,1.2vw,14px) clamp(12px,1.5vw,18px);
border-radius:clamp(6px,0.8vw,10px);
font-size:clamp(12px,1vw,15px);
background:#cdbd8b;
color:#3a3a3a;
cursor:pointer;
}
#pbk-chat a:link,#pbk-chat a:active, #pbk-chat a:visited, #pbk-chat a:hover
{
color:#3a3a3a;
text-decoration:none;
}
.pbk-btn img{
width:clamp(16px,1.5vw,22px);
height:clamp(16px,1.5vw,22px);
}

/* MODAL */
#pbk-wechat-modal{
display:none;
position:fixed;
top:0;left:0;width:100%;height:100%;
z-index:10000;
}

.pbk-modal-overlay{
position:absolute;
width:100%;height:100%;
background:rgba(0,0,0,0.7);
backdrop-filter:blur(6px);
}

.pbk-modal-content{
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%);
background:#cdbd8b;
padding:20px;
border-radius:12px;
text-align:center;
}

.pbk-modal-content img{
width:200px;
}

.pbk-close{
position:absolute;
top:8px;
right:12px;
font-size:22px;
color:#fff;
cursor:pointer;
	font-family:sans-serif!important;
}

/* MOBILE */
@media(max-width:768px){
#pbk-chat{
width:100%;
right:0;
padding:0 12px;
flex-direction:row;
}
.pbk-btn{
width:100%;
justify-content:center;
}
}