.tbfs-wrap{
  position:fixed;
  top:var(--tbfs-top,52%);
  transform:translateY(-50%);
  z-index:999999;
  display:flex;
  flex-direction:column;
  gap:var(--tbfs-gap,6px);
  pointer-events:none;
}
.tbfs-side-right{right:var(--tbfs-offset,18px)}
.tbfs-side-left{left:var(--tbfs-offset,18px)}
.tbfs-btn{
  width:var(--tbfs-size,46px);
  height:var(--tbfs-size,46px);
  box-sizing:border-box;
  border:1px solid rgba(20,20,20,.18);
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  cursor:pointer;
  position:relative;
  pointer-events:auto;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  padding:0;
  overflow:visible;
}
.tbfs-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 5px 16px rgba(0,0,0,.14);border-color:rgba(20,20,20,.28)}
.tbfs-icon{width:68%;height:68%;display:flex;align-items:center;justify-content:center}
.tbfs-icon svg{width:100%;height:100%;display:block;fill:currentColor}
.tbfs-tooltip{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  background:#202124;
  color:#fff;
  font-size:12px;
  font-weight:600;
  line-height:1;
  padding:8px 10px;
  border-radius:6px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.16s ease;
  box-shadow:0 5px 16px rgba(0,0,0,.18);
}
.tbfs-side-right .tbfs-tooltip{right:calc(100% + 9px)}
.tbfs-side-left .tbfs-tooltip{left:calc(100% + 9px)}
.tbfs-btn:hover .tbfs-tooltip,.tbfs-btn:focus-visible .tbfs-tooltip{opacity:1;visibility:visible}

.tbfs-zalo{color:#0b8ff3}.tbfs-zalo .tbfs-icon{width:76%;height:76%;background:#fff;border:2px solid #0b8ff3;border-radius:7px}
.tbfs-zalo-word{font-family:Arial,sans-serif;font-weight:800;font-size:11px;color:#087dd1;letter-spacing:-.5px}
.tbfs-tiktok{color:#111}.tbfs-tiktok .tbfs-icon{width:62%;height:62%}
.tbfs-shopee{color:#ee4d2d}.tbfs-shopee-bag{width:28px;height:31px;border:2px solid currentColor;border-radius:4px 4px 6px 6px;display:flex;align-items:center;justify-content:center;position:relative;font:bold 17px Arial}.tbfs-shopee-bag:before{content:"";position:absolute;top:-8px;width:14px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0}.tbfs-shopee-bag span{line-height:1}
.tbfs-messenger{color:#168aff}.tbfs-facebook{color:#1877f2}.tbfs-instagram{color:#d62976}
.tbfs-phone{color:#fff;background:#e53935;border-color:#e53935}.tbfs-phone-2{background:#f15a24;border-color:#f15a24}.tbfs-phone-3{background:#159447;border-color:#159447}.tbfs-phone .tbfs-icon{width:55%;height:55%}
.tbfs-top{color:#111;background:#fff}.tbfs-top .tbfs-icon{width:62%;height:62%}

@media (max-width: 767px){
  .tbfs-wrap{top:auto;bottom:92px;transform:none;gap:4px}
  .tbfs-side-right{right:8px}.tbfs-side-left{left:8px}
  .tbfs-btn{width:min(var(--tbfs-size,46px),42px);height:min(var(--tbfs-size,46px),42px);border-radius:7px}
  .tbfs-tooltip{display:none}
}
@media (prefers-reduced-motion:reduce){.tbfs-btn,.tbfs-tooltip{transition:none}}