/* 🌸 Floating Buttons (right bottom corner) */
#floating-buttons {
  position: fixed;
  bottom: 224px;
  right: 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 999;
}

/* 🌸 Circular Feedback Button */
#feedback-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;      /* circle size */
  height: 90px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

#feedback-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}

/* 🌸 SVG Icon inside button */
#feedback-btn svg {
  width: 75%;
  height: 75%;
  fill: #fff;
  transition: fill 0.25s ease;
}

#feedback-btn:hover svg {
  fill: #e2e2e2;
}

/* 🌸 Optional: other floating UI spacing alignment */
#floating-tip-bar {
  position: fixed;
  bottom: 125px;
  right: 25px;
  z-index: 998;
}

/* Disable unused popup/overlay (legacy) */
#feedback-popup,
#feedback-overlay,
.feedback-popup {
  display: none !important;
}