.shortcutBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  border-radius: 50px;
  /* Rounded corners */
  font-size: 20px;
  font-weight: bold;
  border: none;
  color: rgb(70, 80, 110);

  bottom: 1.5px;
  /* Place the button at the bottom of the page */
  margin: 0px;
  padding: 0px;
  width: 25px;
  height: 25px;
  z-index: 2;
  /* hide under nav if needed */

  font-size: 14px;

}

.shortcutBtn.active {
  background-color: rgb(189, 226, 189);
}

.shortcutBtn.update {
  font-size: 14px;
}

.shortcutBtn:hover {
  opacity: 0.7;
}

.updateinfo {
  position: fixed;
  display: none;

  bottom: 35px;
  right: 20px;

  border: solid 2px rgb(116, 116, 116);
  padding: 10px;
  border-radius: 10px;
  width: 300px;
  text-align: center;

  z-index: 2;

  opacity: 0;
  transition: opacity 3s linear;
}

.updateinfo p {
  display: inline;
  vertical-align: middle;
  background-color: inherit;
  font-weight: bold;
}

#updatesuccess {
  background-color: rgb(189, 226, 189);
}

#updateempty {
  background-color: bisque;
}

#updateerror {
  background-color: rgb(179, 137, 137);
}