.rezistenta {
  --pseudo-translate: translateX(0%);
  position: absolute;
  background-color: #333;
  cursor: pointer;
  transition: 0.4s;
  height: 4.5%;
  width: 4.5%;
  border-radius: 5px;
  border: 1px solid #333;
}

.rezistenta:before {
  content: "";
  position: absolute;
  background-color: Snow;
  transition: 0.4s;
  height: 80%;
  width: 50%;
  top: 6%;
  left: 3%;
  border-radius: 5px;
  border: 1px solid #333;
}

.btntxt {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: min(1.5vw, 2.4vh);
  transform: rotate(0deg);
  color: Snow;
  top: 13%;
  left: 63%;
  transition: 0s;
}

#REI1 {
  left: 11.5%;
  top: 34.5%;
}

#REI1:before {
  transform: var(--pseudo-translate);
}

#REI2 {
  left: 11.5%;
  top: 54%;
}

#REI2:before {
  transform: var(--pseudo-translate);
}/*# sourceMappingURL=butoane.css.map */