.facility-back-to-top {
  /* Position at bottom center */
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  
  /* Square button styling */
  width: auto;
  min-width: 120px;
  height: 40px;
  padding: 10px 20px;
  
  /* Visual styling */
  background-color: #0073b7;
  color: white;
  border: none;
  border-radius: 4px; /* Slightly rounded corners */
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  
  /* Initially hidden */
  display: none;
  
  /* Z-index to ensure it's above other content */
  z-index: 1000;
  
  /* Hover and focus effects */
  opacity: 0.9;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.facility-back-to-top:hover,
.facility-back-to-top:focus {
  opacity: 1;
  background-color: #005a8f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  outline: 2px solid #ffd700;
}

/* Make it responsive for mobile */
@media (max-width: 768px) {
  .facility-back-to-top {
    bottom: 15px;
    padding: 8px 16px;
    font-size: 13px;
    min-width: 110px;
  }
}

/* Optional: Add a subtle animation when appearing */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 0.9;
    transform: translateX(-50%) translateY(0);
  }
}

.facility-back-to-top {
  animation: fadeInUp 0.3s ease-out;
}