.use-case-back-to-top {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    width: 44px !important;
    height: 44px !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #175cd3 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(16, 24, 40, 0.22), 0 2px 6px rgba(16, 24, 40, 0.14) !important;
    cursor: pointer !important;
    z-index: 99999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(16px) scale(0.92) !important;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.use-case-back-to-top.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.use-case-back-to-top:hover {
    background: #101828 !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 14px 24px rgba(16, 24, 40, 0.28), 0 4px 10px rgba(16, 24, 40, 0.2) !important;
}

.use-case-back-to-top:active,
.use-case-back-to-top.is-animating {
    transform: translateY(0) scale(0.96) !important;
}

.use-case-back-to-top:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
}

.use-case-back-to-top:hover,
.use-case-back-to-top:focus,
.use-case-back-to-top:active,
.use-case-back-to-top:focus-visible {
    outline: none !important;
}

.use-case-back-to-top__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.use-case-back-to-top__icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}

@media (max-width: 767px) {
    .use-case-back-to-top {
        right: 16px !important;
        bottom: 16px !important;
        width: 40px !important;
        height: 40px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .use-case-back-to-top {
        transition: none !important;
    }
}