#scrollTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place while scrolling */
  bottom: 20px; /* Distance from bottom */
  right: 30px; /* Distance from right */
  z-index: 99; /* Make sure it sits on top */
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent white */
  color: white; /* Arrow color */
  cursor: pointer;
  padding: 15px;
  border-radius: 50%; /* Makes it a circle */
  font-size: 18px;
  transition: background-color 0.3s, transform 0.3s;
}

#scrollTopBtn:hover {
  background-color: #fff; /* Solid white on hover */
  color: #000; /* Black arrow on hover */
  transform: scale(1.1); /* Slightly grow on hover */
}