"Virer" les cases des checkbox de l'écran sans altérer les autres form

Bonjour,

j'ai trouvé un tuto astuce sur internet pour améliorer le design d'une checkbox avec css, sauf que, une des étapes consiste à "virer" les cases où il faut cocher hors de l'écran, pas de problèmes jusque là, sauf que sa vire hors de l'écran tout mes autres formulaires contenu sur la même page... voici mon code css :

input {
  position: absolute;
  left: -9999px;
}

label {
  display: inline-block;
  position: relative;
  margin: 2rem;
  padding: 0.5rem 2rem 0.5rem 4.5rem;
  border: 1rem solid #fff;
  border-radius: 1rem;
  color: #fff;
  background-color: #6a8494;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}


label::before {
  content: '';
  display: block;
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: 2rem;
  border: 0.3rem solid #fff;
  border-radius: 10rem;
  transition: background-color .2s;
}



label:hover, input:focus + label {
  box-shadow: 0 0 2rem rgba(0, 0, 0, .6);
}

input:checked + label {
  background-color: #ab576c;
}

input:checked + label::before {
  background-color: #fff;
}

C'est le "input {
position: absolute;
left: -9999px;
}" qu'il faut changer..., quelqu'un aurait une autre méthode ou un moyen pour que ça n'altère pas tout les formulaires (qui ne sont pas du types chekbox) ?

Merci d'avance :D