.event-banner {
  background-color: #f8f9fa;       /* light background */
  padding: 12px 20px;
  font-family: 'Inter', sans-serif;
  font-size: 1.1rem;
  border-left: 4px solid #4CAF50;  /* brand-colored accent */
  color: #333;
  display: inline-block;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.event-banner .label {
  font-weight: bold;
  color: #4CAF50; /* brand green or your main color */
  margin-right: 6px;
}

.event-banner .event-name {
  font-weight: 500;
}

.event-banner .event-date {
  color: #777;
  margin-left: 4px;
}
.event-social-links {
  margin-left: 10px;
}

.event-link {
  margin-right: 8px;
  text-decoration: none;
  color: #0077b5; /* customize colors */
  font-weight: 600;
}

.event-link:hover {
  text-decoration: underline;
}