#scrollToTopButton {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 35px; /* Place the button at the bottom of the page */
  right: 35px; /* Place the button 30px from the right */
  z-index: 99999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 20px 15px 10px 15px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  line-height: 24px;
  font-weight: bold;
  width: 110px;
  height: 110px;
  background-color: #2f864c; /* Set a background color */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#scrollToTopButton:before {
  content: '';
  background: url('../images/open-angle-up-white.svg') 50% 50% no-repeat;
  height: 18px;
  width: 36px;
  margin-top: -18px;
}
#scrollToTopButton:hover {
  background-color: #2e623f;  /* Add a dark-grey background on hover */
}

#scrollToTopButton:focus-visible {
  background-color: #2e623f;  /* Add a dark-grey background on hover */
}

@media (max-width: 1024px) {
  #scrollToTopButton {
    width: 80px;
    height: 80px;
    padding: 15px 10px 5px 10px;
    background-size: 24px auto;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #scrollToTopButton {
    width: 60px;
    height: 60px;
    padding: 10px 5px 3px 5px;
    background-size: 18px auto;
    background-position: 50% 28%;
    font-size: 12px;
    bottom: 12px;
    right: 12px;
  }
  .quick-exit-button #scrollToTopButton {
    bottom: 100px;
  }
}