.survey_slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    margin: 2rem 0;
    background-image: linear-gradient(to right, green, #ffba33, #e0687d);
    outline: none;
    border: none;
    border-radius: 4px;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.survey_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 38px;
    background: #2F4858;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
  }
  
  .survey_slider::-moz-range-thumb {
    width: 8px;
    height: 38px;
    background: #2F4858;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
  }