/* ===================================
   STANDARD LANDING WIDGET
   NO CONFLICT VERSION
=================================== */
.slw-widget{
position:fixed;
right:25px;
bottom:25px;
z-index:99999;
}
/* MAIN */
.slw-main{
width:70px;
height:70px;
border-radius:50%;
border:0;
background:
linear-gradient(135deg,#00c853,#009624);
color:white;
font-size:32px;
cursor:pointer;
box-shadow:
0 10px 30px rgba(0,0,0,.35);
animation:slwPulse 2s infinite;
}
@keyframes slwPulse{
0%{
box-shadow:
0 0 0 0 rgba(0,200,83,.7);
}
70%{
box-shadow:
0 0 0 25px rgba(0,200,83,0);
}
100%{
box-shadow:
0 0 0 0 rgba(0,200,83,0);
}
}
/* ITEMS */
.slw-items{
position:absolute;
right:6px;
bottom:85px;
display:flex;
flex-direction:column;
gap:15px;
}
.slw-item{
width:58px;
height:58px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
overflow:visible;
opacity:0;
transform:
translateY(40px)
scale(.5);
pointer-events:none;
transition:.4s;
box-shadow:
0 8px 20px rgba(0,0,0,.35);
text-decoration:none;
}
.slw-item img{
width:100%;
height:100%;
object-fit:cover;
}
.slw-widget.slw-active 
.slw-item{
opacity:1;
pointer-events:auto;
transform:
translateY(0)
scale(1);
}
.slw-whatsapp{
background:#25D366;
}
.slw-max{
background:#7c3aed;
}
.slw-telegram{
background:#229ED9;
}
.slw-call{
background:#ff9800;
font-size:30px;
color:white;
}
@media(max-width:600px){
.slw-widget{
right:15px;
bottom:15px;
}
.slw-main{
width:60px;
height:60px;
}
.slw-item{
width:50px;
height:50px;
}
}
/* ======================================
   Подсказки возле кнопок
====================================== */

.slw-item{
    position:relative;
}

/* сама подпись */

.slw-item::before{

    content:attr(data-title);

    position:absolute;

    right:75px;

    top:50%;

    transform:translateY(-50%) translateX(15px);

    background:#222;

    color:#fff;

    padding:8px 14px;

    border-radius:8px;

    white-space:nowrap;

    font-size:14px;

    font-weight:600;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    pointer-events:none;

    box-shadow:0 5px 18px rgba(0,0,0,.25);

}

/* маленький треугольник */

.slw-item::after{

    content:"";

    position:absolute;

    right:68px;

    top:50%;

    transform:translateY(-50%) translateX(15px);

    border:7px solid transparent;

    border-left-color:#222;

    opacity:0;

    visibility:hidden;

    transition:.3s;

}

/* появление */

.slw-item:hover::before,
.slw-item:hover::after{

    opacity:1;

    visibility:visible;

    transform:translateY(-50%) translateX(0);

}
.slw-whatsapp::before{
    background:#25D366;
}

.slw-whatsapp::after{
    border-left-color:#25D366;
}

.slw-telegram::before{
    background:#229ED9;
}

.slw-telegram::after{
    border-left-color:#229ED9;
}

.slw-max::before{
    background:#7c3aed;
}

.slw-max::after{
    border-left-color:#7c3aed;
}

.slw-call::before{
    background:#ff9800;
}

.slw-call::after{
    border-left-color:#ff9800;
}