Interactive Pricing Component with SCSS

Hello everyone, this challenge is kind of strange for me due to the slider. I haven't thought about it before. I tried to do it but there were too much calculation in my solution. And I also use pointer-event: none to access the input's slider but after that I can't add hover. I want to ask that is there any better way to do it. Any suggestions are welcome. Thank you!