#wsca-container{
position:fixed;
bottom:25px;
z-index:9999;
}

#wsca-container.right{right:25px}
#wsca-container.left{left:25px}

#wsca-btn{
width:var(--wsca-size);
height:var(--wsca-size);
background:#000;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

#wsca-popup{
display:none;
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
margin-bottom:10px;
width:200px;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

#wsca-popup.open{display:block}

#wsca-popup h4{
margin:0 0 10px 0;
font-size:14px;
color:#000;
}

.wsca-option{
width:100%;
margin-bottom:6px;
padding:8px;
border:none;
background:#000;
color:#fff;
border-radius:4px;
cursor:pointer;
}

.wsca-option:hover{
opacity:.85;
}

@media(max-width:600px){

#wsca-popup{
width:160px;
}

}