.gradient-border {
  border: 4px solid; /* thickness of the border */
  border-image-slice: 1;
  border-width: 4px;
  border-image-source: linear-gradient(to right, var(--primary-color), var(--light-primary-color), var(--secondary-color));
  border-radius: 0.5rem; /* match Tailwind rounded-lg */
}