.nsp_thongtinlienhe .nsp_zalo,
.nsp_thongtinlienhe .nsp_taibanggia,
.nsp_thongtinlienhe .nsp_hotline {
  position: fixed;
  right: 10px;
  z-index: 999999;
  width: 185px;
  padding: 8px 10px 8px 20px;
  border-radius: 29px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  background: #f0ff00; /* Nền mặc định */
  border: 2px solid transparent; /* Viền trong suốt */
  background-clip: padding-box; /* Đảm bảo nền không ảnh hưởng đến viền */
  transition: background 0.3s ease, box-shadow 0.3s ease, border 0.3s ease; /* Chuyển tiếp mượt mà */
}

.nsp_thongtinlienhe .nsp_zalo {
  background: #f0ff00;
  color: #000000;
  bottom: 141px;
  margin-bottom: 10px;
}

.nsp_thongtinlienhe .nsp_taibanggia {
  background: #00d8ff;
  color: #000000;
  bottom: 75px;
  margin-bottom: 10px;
}

.nsp_thongtinlienhe .nsp_hotline {
  background: #FF3333;
  bottom: 20px;
}

.nsp_thongtinlienhe img {
  width: 30px;
  margin-right: 10px;
  margin-top: 2px;
  float: left;
  transition: transform 0.3s ease; /* Chuyển động mượt mà cho icon */
  animation: shake 0.5s ease-in-out infinite; /* Rung liên tục ngay từ khi tải trang */
}

.nsp_thongtinlienhe span {
  float: left;
  padding-top: 5px;
  white-space: nowrap; /* Ngăn chặn dòng chữ xuống dòng */
}

/* Thêm hiệu ứng rung rinh cho icon */
@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* Hiệu ứng hover với nền trắng và chữ đen */
.nsp_thongtinlienhe .nsp_zalo:hover,
.nsp_thongtinlienhe .nsp_taibanggia:hover,
.nsp_thongtinlienhe .nsp_hotline:hover {
  background: #ffffff; /* Nền trắng khi hover */
  color: #000000; /* Màu chữ đen khi hover */
  box-shadow: 0 0 8px rgba(255, 51, 51, 1), 0 0 15px rgba(255, 51, 51, 1), 0 0 12px rgba(0, 216, 255, 1); /* Bóng đổ neon sáng hơn khi hover */
  border-radius: 29px; /* Đảm bảo viền được làm tròn */
  border: 2px solid #ff3333; /* Viền đỏ khi hover */
}

/* Chuyển tiếp mượt mà cho nền và bóng đổ */
.nsp_thongtinlienhe .nsp_zalo,
.nsp_thongtinlienhe .nsp_taibanggia,
.nsp_thongtinlienhe .nsp_hotline {
  transition: background 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
}

.nsp_thongtinlienhe .nsp_zalo span,
.nsp_thongtinlienhe .nsp_hotline span,
.nsp_thongtinlienhe .nsp_taibanggia span {
  display: block;
  margin-top: 5px;
  white-space: nowrap; /* Ngăn chặn dòng chữ xuống dòng */
}