.hero--casino {
  position: relative;
}

.casino-intro-grid {
  align-items: center;
  gap: var(--space-8);
}

.casino-intro-image {
  max-width: 520px;
  margin: 0 auto;
}

.casino-social-grid {
  align-items: center;
  gap: var(--space-8);
}

.casino-social-card {
  height: 100%;
}

.casino-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.casino-games-grid {
  align-items: stretch;
  gap: var(--space-6);
}

.casino-game-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.casino-premium-touch {
  margin-top: var(--space-10);
}

.casino-premium-grid {
  align-items: flex-start;
  gap: var(--space-8);
}

.casino-premium-highlights {
  align-self: center;
}

.casino-dining-grid {
  align-items: center;
  gap: var(--space-8);
}

.casino-community-card {
  height: 100%;
}

.casino-private-grid {
  align-items: center;
  gap: var(--space-8);
}

.casino-private-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.casino-final-cta {
  padding-bottom: var(--space-14);
}

.casino-final-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  align-items: flex-start;
}

.casino-final-card__content {
  max-width: 40rem;
}

.casino-final-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (min-width: 900px) {
  .casino-final-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .casino-intro-grid,
  .casino-social-grid,
  .casino-games-grid,
  .casino-premium-grid,
  .casino-dining-grid,
  .casino-private-grid {
    gap: var(--space-6);
  }

  .casino-final-card {
    align-items: stretch;
  }
}