/* Navigation related breakpoints */
/* Grid related breakpoints */
.event-info-card__title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: var(--sp2) 0 var(--sp1);
  color: var(--text-on-neutral-dark-primary);
}
.event-info-card__content {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-on-neutral-dark);
  margin-bottom: var(--sp2);
  max-width: 60ch;
}
.event-info-card__cta {
  display: inline-block;
  padding: var(--sp0-75) var(--sp1-5);
  background: var(--secondary);
  color: var(--text-on-secondary);
  font-weight: 600;
  text-decoration: none;
  border-radius: 0.25rem;
  width: fit-content;
  transition: background 400ms ease-in-out;
}
.event-info-card__cta:hover, .event-info-card__cta:focus {
  background: var(--color--sun-55);
}