.btn_app_green {
  padding: 2px;
  border: 0;
  border-radius: 10px;
  height: 34px;
  width: 34px;
  background-image: linear-gradient(-45deg, green, yellowgreen);
  color: #fff;
  transition: 500ms;
  cursor: pointer;
}
.btn_app_green:hover {
  background-image: linear-gradient(-45deg, rgb(0, 165, 0), rgb(168, 243, 17));
}

.btn_app_blue {
  padding: 2px;
  border: 0;
  border-radius: 10px;
  height: 34px;
  width: 34px;
  background-image: linear-gradient(
    -45deg,
    rgb(44, 119, 189),
    rgb(90, 178, 250)
  );
  color: #fff;
  transition: 500ms;
  cursor: pointer;
}
.btn_app_blue:hover {
  background-image: linear-gradient(
    -45deg,
    rgb(62, 147, 226),
    rgb(128, 198, 255)
  );
}

.btn_app_orange {
  padding: 2px;
  border: 0;
  border-radius: 10px;
  height: 34px;
  width: 34px;
  background-image: linear-gradient(
    -45deg,
    rgb(255, 157, 45),
    rgb(250, 207, 90)
  );
  color: #fff;
  transition: 500ms;
  cursor: pointer;
}
.btn_app_orange:hover {
  background-image: linear-gradient(
    -45deg,
    rgb(248, 208, 78),
    rgb(255, 215, 128)
  );
}
