.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 25px;
  border-radius: 30px;  
  
  outline: none;
  box-shadow: 1px 1px 1px #672A02, 0px 0px 2px #672A02;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 35px;
  height: 35px;
  border-radius: 100%; 
  background: #2420D5;
  cursor: pointer;
  border: 4px solid #1F1D7E;
  outline: 4px solid white;
}