/**
 * Back-to-top button styles.
 *
 * This component displays a floating button that allows the user
 * to quickly scroll back to the top of the page.
 */

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 30%;
    z-index: 999;
    border-radius: 50%;
    padding: 0.75rem 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    opacity: 0.8;
}