/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 12px; /* ширина скролла */
    background: transparent; /* фон дорожки убираем */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(45, 212, 255, 0.7); /* цвет ползунка */
    border-radius: 8px; /* скругление */
    border: 3px solid transparent; /* отступы вокруг ползунка */
    background-clip: content-box;
}

::-webkit-scrollbar-track {
    background: transparent; /* скрываем дорожку */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(45, 212, 255, 0.7) transparent;
}

/* Можно добавить эффект hover */
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(45, 212, 255, 0.9);
}