body {
    font-family: Arial, sans-serif;
}

#scrollToTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed position */
    bottom: 50px; /* Place the button at the bottom */
    right: 8px; /* Center horizontally */
    transform: translateX(-50%); /* Adjust horizontal centering */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background: none; /* No background */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0; /* Remove padding */
    opacity: 0; /* Start with hidden */
    transition: opacity 0.5s ease-in-out; /* Smooth transition */
    width: 40px; /* Ensure width */
    height: 40px; /* Ensure height */
}

#scrollToTopBtn.show {
    display: block;
    opacity: 1; /* Show with smooth transition */
}

#scrollToTopBtn img {
    width: 50px; /* Ensure icon takes full button width */
    height: 50px; /* Ensure icon takes full button height */
}

#scrollToTopBtn:hover img {
    opacity: 1; /* Slight transparency on hover */
}