Scroll box + chỉnh item scroll + khi hover mới hiện

.scroll-box {

    box-sizing: border-box;

    background-color: #fff;

    border: 1px solid #e6ecf2;

    padding: 20px 16px;

    width: 240px;

    max-height: 90vh;

    left: 20px;

    overflow-y: auto;

    padding: 10px 0 20px 12px;

    position: sticky;

    z-index: 99;

    top: 74px;

}

/* Thanh cuộn */

.scroll-box::-webkit-scrollbar {

    width: 4px;   /* chỉnh nhỏ lại ở đây */

}

/* Mặc định ẩn */

.scroll-box{

    scrollbar-width: none;

}

.scroll-box::-webkit-scrollbar {

    width: 0;

}

/* Hover mới hiện */

.scroll-box:hover::-webkit-scrollbar {

    width: 4px;

}

.scroll-box:hover {

    scrollbar-width: thin;

}