.welcome-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 442px;
  padding: 0 18px;
  color: var(--color-text-default);

  &__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    margin-top: 110px;
  }

  &__header {
    @include H3;

    margin-bottom: 22px;
    margin-top: 50px;
    text-align: center;
  }

  &__description {
    text-align: center;

    p {
      @include Paragraph;

      text-align: start;
      margin-bottom: 22px;
    }

    a {
      color: var(--color-primary-default);
    }

    @media screen and (max-width: $break-small) {
      font-size: 0.9rem;
    }
  }

  .first-time-flow__button {
    width: 184px;
    font-weight: 500;
    margin-top: 44px;
  }
}