.zlf-load-more {
  background-color: #2563eb; /* Tailwind's blue-600 */
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.zlf-load-more:hover {
  background-color: #1e40af; /* blue-800 */
}
/* Flexbox container for the Load More button */
.zlf-load-more-container {
  display: flex;
  justify-content: center;   /* horizontally center the button */
  align-items: center;       /* keep vertical alignment nice if taller */
  margin: 2rem 0;            /* 32px space above and below */
}