.like-section {
  margin: 2rem 0;
}

.like-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;

  background: #111;
  color: #e6e6e6;

  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  border: 1px solid #2a2a2a;

  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 500;

  transition: all 0.2s ease;
}

.like-btn:hover {
  background: #1a1a1a;
  border-color: #ff4d6d;
  color: #ff4d6d;
  box-shadow: 0 0 12px rgba(255, 77, 109, 0.25);
}

.like-btn:active {
  transform: scale(0.97);
}

.like-btn.liked {
  background: #ff4d6d;
  border-color: #ff4d6d;
  color: white;
  box-shadow: 0 0 14px rgba(255, 77, 109, 0.4);
}

.like-btn:disabled {
  cursor: default;
}