@import "../components/heroContent.css";
@import "../components/voice.css";
@import "../components/pagination.css";

.voiceList {
  @apply grid;

  gap: var(--spacing-sm-xl);

  @variant md {
    gap: var(--spacing-md-xl);
  }

  @variant lg {
    gap: var(--spacing-lg-xl);
  }
}

.pagination {
  margin-top: var(--spacing-sm-xl);

  @variant md {
    margin-top: var(--spacing-md-xl);
  }

  @variant lg {
    margin-top: var(--spacing-lg-xl);
  }
}