#pauseBtn, #muteBtn {
  position: fixed; /* Use fixed so they stay visible on scroll */
  bottom: 30px;
  background: rgba(255, 0, 0, 0.2);
  color: white;
  border: 1px solid #ff3333;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  backdrop-filter: background 0.3s ease;
}

/* Position the buttons separately */
#pauseBtn {
  right: 100px; /* Slightly left of muteBtn */
}

#muteBtn {
  right: 30px; /* At the edge */
}

#pauseBtn:hover, #muteBtn:hover {
  background: rgba(255, 0, 0, 0.5);
}