/* Love button style */
.sl-love-button {
  cursor: pointer;
  font-size: 20px;
  color: #e63946;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 15px;
  transition: transform 0.2s;
}

/* Button when user already sent love */
.sl-loved {
  pointer-events: none;
  opacity: 0.9;
}

/* Pop animation on click */
.animate-love {
  animation: popLove 0.5s ease;
}

@keyframes popLove {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.4); }
  60%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/* Thank-you message */
.sl-thankyou {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
  font-style: italic;
  animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}