.wpp-btn {
  width: 70px;
  height: 70px;
  position: fixed;
  top: 87%;
  right: 10px;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.wpp-btn > img {
  width: 70px;
}

.dpnone{
  display: none;
}

.up-btn {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 99;
  top: 77%;
  right: 20px;
  background-color: rgba(0, 0, 0, 0);
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  transition: all 400ms;
  /* background-image: url("../images/up-arrow.svg"); 
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center; */
  box-shadow: 0px 0px 3px 2px rgb(42, 123, 255);
  scale: 0%;
}

.flecha{
  width: 15px;
  height: 15px;
  margin-top: 10px;
  border-top: 3px solid rgb(42, 123, 255);
  border-right: 3px solid rgb(42, 123, 255);
  transform: rotate(-45deg);
  z-index: 99;
}

.up-btn:hover{
  background-color: rgba(42, 124, 255, 0.692);
}