.tva-contact-bubble {
  position: fixed;
  bottom: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tva-contact-bubble.right { right: 20px; }
.tva-contact-bubble.left { left: 20px; }

.tva-contact-bubble .bubble {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  position: relative;
  background-color: #ccc; /* fallback nếu class không có */
}

.tva-contact-bubble .bubble img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  border-radius: 50%;
  z-index: 1;
}

/* Xoá toàn bộ hiệu ứng và ::before */
.tva-contact-bubble .bubble::before { display: none; }
@keyframes tva-pulse {}

/* Màu nền từng nút cụ thể */
.bubble.zalo      { background-color: #0180DA; }
.bubble.messenger { background-color: #6f42c1; }
.bubble.phone     { background-color: #ffffff; border: 1px solid #ddd; }