.vdfb-box{
  position:fixed;
  z-index:99999;
  width:340px;
  max-width:calc(100vw - 32px);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.16);
  overflow:hidden;
  display:flex;
  gap:12px;
  padding:12px;
  align-items:flex-start;
}

.vdfb-pos-right{ right:16px; }
.vdfb-pos-left{ left:16px; }

.vdfb-hide-mobile{ display:flex; }
@media (max-width: 768px){
  .vdfb-hide-mobile{ display:none !important; }
}

.vdfb-close{
  position:absolute;
  top:8px; right:8px;
  width:30px; height:30px;
  border:0;
  border-radius:12px;
  background:rgba(0,0,0,.06);
  cursor:pointer;
  font-size:18px;
  line-height:30px;
  text-align:center;
}

.vdfb-img img{
  width:64px; height:64px;
  border-radius:14px;
  object-fit:cover;
  display:block;
}

.vdfb-content{ padding-right:34px; }
.vdfb-title{
  font-weight:800;
  font-size:14px;
  line-height:1.25;
}
.vdfb-sub{
  font-size:13px;
  opacity:.82;
  margin-top:4px;
  line-height:1.35;
}
.vdfb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.04);
}
.vdfb-btn:hover{ filter:brightness(.98); }