.scroll-btn {
    display: none;
}

@media (max-width: 768px) {
    .table-wrapper {
        position: relative;
        margin-bottom: 20px;
    }

    .table-scroll-area {
        overflow-x: auto;
        scroll-behavior: smooth;
    }

    .scroll-btn {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        padding: 8px 12px;
        background: #007bff;
        color: #fff;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        opacity: 0.85;
    }

        .scroll-btn.left {
            left: 5px;
        }

        .scroll-btn.right {
            right: 5px;
        }
}