/* Emoji rating styles shared between event details and review pages */
.emoji-button {
  transition: all 0.2s ease;
  cursor: pointer;
  opacity: 0.7;
  filter: grayscale(70%);
}

.emoji-button:hover {
  transform: scale(1.25);
  opacity: 1;
  filter: grayscale(0%);
}

.emoji-button.selected {
  transform: scale(1.5);
  opacity: 1;
  filter: grayscale(0%) drop-shadow(0 0 10px #facc15);
}

/* Modal styles */
.modal {
  transition: all 0.3s ease;
}

.modal-content {
  transform: scale(0.9);
  opacity: 0;
  transition: all 0.3s ease;
}

.modal.active .modal-content {
  transform: scale(1);
  opacity: 1;
}