:root{
    --color-scrollbar:#d3d3d4;
--color-background-scrollbar:#eee;
}


/* scroll chrome */

.content__page::-webkit-scrollbar{
    width:25px;
    background: transparent;
}

.content__page:hover::-webkit-scrollbar{
    width:25px;
    background: transparent;
}
.content__page::-webkit-scrollbar-thumb{
 border: 10px solid transparent;
 box-shadow: none;
 border-radius: 40px;
}

.content__page:hover::-webkit-scrollbar-thumb{
box-shadow: inset 0 0 0 10px var(--color-scrollbar);
}



.content__page:hover::-webkit-scrollbar-thumb:hover{
    border:8px solid transparent;
box-shadow: inset 0 0 0 10px #06b3de;
}


.content__page::-webkit-scrollbar-track{
 background: transparent;
 margin: 40px 0;
}



/* scroll para mozilla */

/* .content__page{
    scrollbar-width: thin;
} */