/* 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; /* Position at bottom-right */
  right: 20px;
  z-index: 99; /* Stay on top */
  background-color: #A60000; /* Styling */
  color: white;
  border: none;

  cursor: pointer;
  padding: 16px;
  outline: none; /* Remove outline */
  font-size: 20px; /* Increase font size */
  text-decoration: none; /* Remove underline from anchor link */
  transform: translateX(-50%); /* Centers it horizontally */
  border-radius: 50%;   /* Makes the square element circular */
  width: 50px;         /* Must be equal to height */
  height: 50px;        /* Must be equal to width */
  overflow: hidden;
}

#myBtn:hover {
  background-color: #198754; /* Darker on hover */
}

/* 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 */
  }
}

  width: 100px;         /* Must be equal to height */
  height: 100px;        /* Must be equal to width */
  background-color: #FF0000; /* Example background color */
  border-radius: 50%;   /* Makes the square element circular */