.call-widget, .whatsapp-widget {
position: fixed;
border-radius: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
display: none;
z-index: 9999;
}
.call-link, .whatsapp-link {
display: block;
text-decoration: none;
color: #fff;
font-weight: 700;
}
.call-widget {
right: 20px;
bottom: 20px;
}
.call-widget-full{
right: 0px;
bottom: 0px;
position: fixed;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
display: none;
z-index: 9999;
}
.whatsapp-widget {
left: 20px;
bottom: 20px;
}
.call-link:hover, .whatsapp-link:hover {
color: #fff;
background-color: rgba(255,255,255,.1);
}
.call-link:active, .whatsapp-link:active {
background-color: rgba(255,255,255,.2);
}
@media only screen and (max-width: 768px) {
.call-widget, .whatsapp-widget {
display: block;
font-size: 14px;
border-radius: 15px;
}
}
@media only screen and (max-width: 768px) {
.call-widget-full {
display: block;
width: 100%;
text-align: center;
}
}
.whatsapp-qr-container {
position: fixed;
right: 10px;
bottom: 50px;
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.whatsapp-qr-background {
width: 100%;
height: 100%;
background-image: url(//masajsalonucorlu.com/wp-content/plugins/call-now-and-chat-buttons/images/whatsapp-layout.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.whatsapp-qr-background img {
width: 90px;
height: 90px;
position: absolute;
top: 15px; 
left: 15px;
z-index: 10;
}