/* // sci/gui/back-to-top.css // */

/* begin // back-to-top */

/* Enables the smooth scrolling transition */
html {
    scroll-behavior: smooth;
}

/* Styles the floating button */
.back-to-top {
    position: fixed;     /* Pins the button relative to the viewport */
    bottom: 30px;        /* Spacing from the bottom */
    right: 30px;         /* Spacing from the right */
    background-color: maroon; /* Button background color */
    color: white;        /* Text/Arrow color */
    padding: 12px 18px;  /* Sizing inside the button */
    border-radius: 30px; /* Makes the edges rounded */
    text-decoration: none; /* Removes the link underline */
    font-family: sans-serif;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
    transition: background-color 0.3s ease;    /* Smooth hover transition */
}

    /* Hover effect */
    .back-to-top:hover {
        background-color: brown;
    }

/* <!--a href="#top" class="back-to-top">Back to Top</a--> */
/* end // back-to-top */