#spk-popup{
position:fixed;
right:20px;
bottom:20px;
width:340px;
background:#1b1b1b;
border-radius:16px;
box-shadow:0 20px 50px rgba(0,0,0,.35);
display:flex;
align-items:center;
gap:14px;
padding:14px;
z-index:999999;
transform:translateX(420px);
opacity:0;
transition:.4s ease;
font-family:Arial,sans-serif;
cursor:pointer;
}

#spk-popup.show{
transform:translateX(0);
opacity:1;
}

#spk-popup:hover{
transform:translateX(-4px);
}

.spk-popup-image{
flex:0 0 80px;
}

.spk-popup-image img{
width:80px;
height:80px;
border-radius:12px;
object-fit:cover;
display:block;
background:#fff;
}

.spk-popup-content{
flex:1;
display:flex;
flex-direction:column;
}

.spk-popup-title{
font-size:12px;
text-transform:uppercase;
letter-spacing:.5px;
color:#bdbdbd;
margin-bottom:4px;
}

.spk-popup-name{
font-size:16px;
font-weight:700;
color:#fff;
line-height:1.3;
margin-bottom:10px;
}

.spk-popup-button{
display:inline-flex;
align-items:center;
justify-content:center;
width:110px;
height:36px;
background:#d4af37;
color:#111;
text-decoration:none;
border-radius:8px;
font-size:14px;
font-weight:700;
transition:.2s;
}

.spk-popup-button:hover{
background:#e7c75b;
}

@media(max-width:768px){

#spk-popup{
left:10px;
right:10px;
bottom:10px;
width:auto;
}

.spk-popup-image img{
width:70px;
height:70px;
}

.spk-popup-name{
font-size:14px;
}

}