减少Gooey Toggle按钮上的边框半径？

Question

我试图模仿这个切换（当前不是一个真正的切换，只是动画的元素进行我正在尝试的那种交互）并且已经完成初步版本，但是球和线之间的边界半径不是很对。

这是我们看到并享受的最初运球设计：https://dribbble.com/shots/2028065-Switcher-lll?list=users&offset=2

这是我最初的尝试：http://codepen.io/mhsenkow/pen/eNMqeb

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="goo">
      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
      <feBlend in="SourceGraphic" in2="goo" />
    </filter>
  </defs>
</svg>

如果人们有想法会好奇吗？