.floating-home-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the viewport */
    right: 20px; /* Distance from the right of the viewport */
    background-color: #21454e; /* Button background color */
    color: white; /* Text color */
    border: none; /* Remove default border */
    border-radius: 25px; /* Rounded edges */
    padding: 10px 20px; /* Space around the text */
    font-size: 16px; /* Font size for text */
    font-weight: bold; /* Bold text */
    text-decoration: none; /* Remove underline from the link */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow effect */
    display: flex; /* Flex layout for alignment */
    align-items: center; /* Vertically center the text and arrow */
    justify-content: center; /* Center content */
    cursor: pointer; /* Pointer cursor on hover */
    z-index: 1000; /* Ensure it stays above other elements */
    transition: transform 0.3s ease, background-color 0.3s ease; /* Smooth hover effect */
}

.floating-home-button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: scale(1.1); /* Slightly grow the button */
}

.floating-home-button::before {
    content: "←"; /* Arrow pointing left */
    margin-right: 8px; /* Space between the arrow and text */
    font-size: 18px; /* Slightly larger for visibility */
    transition: margin-right 0.3s ease; /* Smooth transition for arrow movement */
}

.floating-home-button:hover::before {
    margin-right: 20px; /* Move the arrow slightly to the left on hover */
}