.generate-project-id {
  margin-bottom: 30px;

  &__btn {
    touch-action: manipulation;

    &--selectable:not(:disabled):not(.disabled) {
      user-select: text;
      cursor: unset;
    }
  }
}

@include media-breakpoint-up(sm) {
  .generate-project-id {
    margin-bottom: 40px;

    &__col {
      display: flex;
      justify-content: center;
    }
  }
}

@include media-breakpoint-up(md) {
  .generate-project-id {
    margin-bottom: 50px;
  }
}
