/* Basic Card Styles */
.BasicCard {
  transition: all 0.3s ease;
}

/* Clickable card styles */
.BasicCard__link {
  text-decoration: none;
  display: block;
  color: inherit;
}

.BasicCard__link:hover {
  text-decoration: none;
}

.BasicCard--clickable {
  cursor: pointer;
}

.BasicCard--clickable p:last-child{
  margin-bottom: 0; /* Remove bottom margin for last paragraph */
}

/* Hover effects for clickable cards */
.BasicCard--clickable:hover {
  transform: translateY(-4px);
  /*box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);*/
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Reset image transform on non-hover */
.BasicCard .ucla-card__image {
  transition: transform 0.3s ease;
}

/* Background color variations */
.BasicCard--white {
  background-color: #ffffff; /* Pure white */
}

.BasicCard--lightGray {
  background-color: #f5f5f5; /* Light gray color */
}

/* Ensure proper spacing and mobile responsiveness */
@media (max-width: 767px) {
  .BasicCard {
    margin-bottom: 1.5rem;
  }

  .BasicCard--lightGray,
  .BasicCard--white {
    padding: 0; /* Reset padding on mobile for consistent display */
  }

  .BasicCard .ucla-card__body {
    padding: 1rem; /* Consistent padding for mobile */
  }
}