JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" />

CSS

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 20px;
    height: 20px;
    background-color: #ECECEC;
    border-radius: 30px;
    box-shadow: 0px 0px 3px #3c6d59;
    transition: all 0.5s ease;
    border: none;
    padding: 15px;
    transform:scale(2);
}