knob.css

.knob-container {
  position: relative;
}

.knob {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  rotate: -150deg;
  z-index: 50;
}

.knob-outline {
  position: absolute;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  padding: 2px;
  filter: brightness(1.3) grayscale(30%);
}

.knob-outline-edge {
  position: absolute;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  padding: 2px;
}

.knob-inner {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  z-index: 60;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}