/** Custom tooltip zalo chat styles **/

#zalo-qr-btn {
  animation: none !important;
}

/* @keyframes tooltipBounce {
         0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
         }
         40% {
            transform: translateY(-10px);
         }
         60% {
            transform: translateY(-5px);
         }
   } */

.custom-zalo-tooltip {
  animation-fill-mode: both;
  font-size: 13px;
  background: linear-gradient(135deg, #0068ff, #0052cc) !important;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 104, 255, 0.3);
  border: none !important;
  z-index: 1060;
}

.custom-zalo-tooltip .tooltip-inner {
  background: transparent !important;
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.custom-zalo-tooltip .tooltip-arrow::before {
  border-bottom-color: #0068ff !important;
}

#zalo-qr-btn {
  transition: transform 0.2s ease-in-out;
  position: relative;
}

#zalo-qr-btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/** End Custom tooltip zalo chat **/

.action-buttons .btn:active,
.action-buttons .btn:hover {
  background-color: #b3defa;
  border-color: #b3defa
}