.page__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  gap: 2rem;
  padding: 6rem 0rem;
  color: var(--clr-purple-light-second);
  background-color: var(--clr-purple);
}

.page__content {
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: 2rem;
}

.page__title {
  text-align: center;
  color: var(--clr-purple-light-second);
}

.page__subtitle {
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: 2rem;
  color: var(--clr-purple-light-second);
}

.page__button {
  padding: 0.5rem 2rem;
  border-radius: 3rem;
  color: var(--clr-purple);
  background-color: var(--clr-purple-light-second);
}

.page__button:hover {
  padding: 0.5rem 2rem;
  border-radius: 3rem;
  color: var(--clr-purple-light-second);
  background-color: var(--clr-purple-dark);
}

@media (min-width: 48rem) {
  .page__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding: 6rem;
    color: var(--clr-purple-light-second);
    background-color: var(--clr-purple);
  }
  .page__title {
    width: 70%;
    text-align: center;
    color: var(--clr-purple-light-second);
  }
  .page__title {
    width: 70%;
    text-align: center;
    color: var(--clr-purple-light-second);
  }
  .page__button {
    padding: 0.5rem 2rem;
    border-radius: 3rem;
    color: var(--clr-purple);
    background-color: var(--clr-purple-light-second);
  }
  .page__button:hover {
    padding: 0.5rem 2rem;
    border-radius: 3rem;
    color: var(--clr-purple-light-second);
    background-color: var(--clr-purple-dark);
  }
}