.page-rating-centered {
  text-align: center;
}
.rating-container {
  display: inline-block;
  position: relative;
  text-align: center;
}

.rating-slots {
  display: flex;
  justify-content: center;
}

.star-slot {
  width: 24px;
  margin: 0 4px;
  cursor: pointer;
}

.star-icon {
  transition: fill 0.3s ease, stroke 0.3s ease;
}

.vote-message {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.vote-message.show {
  opacity: 1;
  visibility: visible;
}