.file-select {
  position: relative;
  display: inline-block;
}

.file-select::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Seleccionar Archivo 1';
}

#src-file2::before {
  content: 'Seleccionar Archivo 2';
}

.file-select2 {
  position: relative;
  display: inline-block;
}

.file-select2::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir boleta'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select2 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select3 {
  position: relative;
  display: inline-block;
}

.file-select3::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir boleta'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select3 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select4 {
  position: relative;
  display: inline-block;
}

.file-select4::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir remisión'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select4 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}