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

  &__btn {
    touch-action: manipulation;
    user-select: none;
    cursor: pointer;
  }

  .copy-barcode {
    pointer-events: none;
    font-size: 1rem;
  }
}

@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;
  }
}