.discord-join-button,
.newsletter-subscribe-button,
.contact-send-button,
.event-calendar-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
}

.discord-join-button {
  background-color: #5865F2;
  box-shadow: 0 4px 6px -1px rgba(88, 101, 242, 0.2);
}

.discord-join-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px -2px rgba(88, 101, 242, 0.3);
  background-color: #4752C4;
}

.newsletter-subscribe-button,
.contact-send-button {
  background-color: var(--primary);
  width: 100%;
  justify-content: center;
}

.newsletter-subscribe-button:hover,
.contact-send-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(var(--primary-rgb), 0.3);
  filter: brightness(110%);
}

.event-calendar-button {
  background-color: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
}

.event-calendar-button:hover {
  background-color: rgba(var(--primary-rgb), 0.1);
  transform: translateY(-2px);
}

.engagement-option {
  transition: all 0.2s ease-in-out;
}

.engagement-option:hover {
  transform: translateY(-2px);
}

.event-card {
  transition: all 0.2s ease-in-out;
}

.event-card:hover {
  transform: translateY(-3px);
}

@media (max-width: 768px) {
  .community-graphic {
    order: -1;
  }
}