CSS Code for custom scrollbar ensuring browser cross-compatibility issues

scrollbar.css

/* Scrollbar /
/ Webkit-based browsers */
::-webkit-scrollbar {
width: 16px;
}

::-webkit-scrollbar-track {
background: transparent;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(#8034e4,#E638EAFF);
}


/* Firefox 64+ */

*{
scrollbar-width: thin;
scrollbar-color: #8034e4 #E638EAFF;
}

/* Firefox 63 and below */

*{
scrollbar-width: thin;
scrollbar-color: #8034e4 #E638EAFF;
}

/* Internet Explorer and Microsoft Edge */
*::-ms-scrollbar {
width: 16px;
}

*::-ms-scrollbar-track {
background: transparent;
}

*::-ms-scrollbar-thumb {
background: linear-gradient(#8034e4,#E638EAFF);
}