/* General smooth scroll behavior for the entire page */
html {
  scroll-behavior: smooth;
}

/* Style the button */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 20px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #3b99e0; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  text-decoration: none; /* Remove underline from anchor link */
}

#myBtn:hover {
  background-color: #198754; /* Add a hover effect */
}

/* Media query to display the button ONLY on larger screens (e.g., tablets and desktops) */
@media screen and (min-width: 600px) {
  #myBtn {
    display: block; /* Show the button on screens wider than 600px */
  }
}