/* Basic styles for the Scroll to Top button */
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #0073e6; /* Blue background */
    color: white;
    border: none;

    padding: 5px;
    border-radius: 50%;
    font-size: 10pt;
    cursor: pointer;
    display: none; /* Hidden by default */
    z-index: 1000; /* Make sure it's on top of other content */
    
    /* Center the icon within the button using flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;  /* You can adjust the size of the button */
    height: 50px; /* Ensures the button is circular */
}

/* Styles for the hover effect */
.scroll-to-top:hover {
    background-color: #005bb5; /* Darker blue on hover */
}

/* Style the icon inside the button (if necessary) */
.scroll-to-top i {
    font-size: 15pt; /* Adjust the size of the chevron icon */
}