/* Smaller, subtler back-to-top button.
   Defaults override theme.css (44px, solid black); this file loads after it. */
.back-to-top-wrapper {
    height: 36px;
    width: 36px;
}

.back-to-top-btn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: rgba(100, 116, 139, 0.4);
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(2px);
    transition:
        transform 0.3s ease-out,
        background-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.back-to-top-btn svg {
    transform: translateY(-2px);
}

.back-to-top-btn:hover,
.back-to-top-btn:focus-visible {
    background: #334155;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.28);
}