.content-wa {
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 100%;
  bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}


.button-wa {
  width: 60px;
  height: 60px;
  color: #fff;
  background-color: #25d366;
  font-size: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out;
  text-decoration-line: none;
}

.button-wa:hover {
  transform: scale(1.1);
}

/* Mobile devices (max-width: 600px) */
@media (max-width: 600px) {
  .button-wa {
    align-self: center;
  }
}

/* Tablets (601px - 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
    .button-wa {
        align-self: self-end;
      }
}

/* Small desktops (1025px - 1366px) */
@media (min-width: 1025px) and (max-width: 1366px) {
    .button-wa {
        align-self: self-end;
      }
}

/* Large desktops (1367px and above) */
@media (min-width: 1367px) {
    .button-wa {
        align-self: self-end;
      }
}