.toggle-button {
      width: 45px;
      height: 20px;
      display: inline-block;
      border-radius: 10px;
      background-color: #ccc;
      position: relative;
      cursor: pointer;
      transition: background-color 0.3s;
      margin: 2px;
    }

    .toggle-knob {
      width: 16px;
      height: 16px;
      background-color: white;
      border-radius: 50%;
      position: absolute;
      top: 2px;
      left: 2px;
      transition: left 0.3s;
      box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }

    .toggle-button.on {
      background-color: #4caf50;
    }

    .toggle-button.on .toggle-knob {
      left: 22px;
    }