/* Scroll to Top Button - see: http://localhost:8888/contacts */

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 22px; /* Place the button 22px from the left */
  z-index: 99; /* Make sure it does not overlap */
  border: 1px solid rgba(255, 255, 255, 0.35); /* Soft border for contrast */
  outline: none; /* Remove outline */
  background: linear-gradient(140deg, #1d4ed8, #0f766e); /* Branded gradient */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 14px; /* Some padding */
  border-radius: 999px; /* Rounded corners */
  font-size: 14px; /* Balanced size */
  font-weight: 700;
  letter-spacing: 0.01em;
  width: fit-content; /* Fix button size */
  box-shadow: 0 12px 26px rgba(12, 24, 54, 0.34);
  transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

#myBtn:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(12, 24, 54, 0.42);
}