.minitoggle {
  position: relative;
  width: 80px;
  height: 30px;
  background-color: #FF0000;
  border-radius: 5px;
}

.minitoggle .toggle-handle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 40px;
  height: 30px;
  background-color: #000;
  border-radius: 5px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.56);
  
}

.minitoggle.active {
  background-color: #4AAF00;
}

.minitoggle.active .toggle-handle {
  transform: translate3d(40px,0,0);
}