.img-magnifier-glass {
    display: block;
    position: absolute;
    cursor: none;
    width: 300px;
    height:300px;
    background-repeat: no-repeat;
    border: 1px solid red;
}

.magnifier-container {
	position:relative;
  }

.magnifyimg-toggle{
    height: 10px;
    position: relative;
    clear: both; cursor: pointer; display: inline-block;
    padding: 10px;
    left:93.5%;
    top:-5px;
  }

.magnifyimg-toggle:before{background: #000; height: 1px; content: ""; left: 0px; position: absolute;width: 30px;top: 49%;transition:all ease-in-out 0.5s;}
.magnifyimg-toggle span{
      height: 9px;display: block;
      width: 9px; left: 0px; padding: 0px;
      background: #000;transition:all ease-in-out 0.25s;
      border-radius: 50%;
      position: absolute;
      top: calc(50% - 4px);
  }

.magnifyimg-toggle.is_active:before{background: #eb3f43;
}
.magnifyimg-toggle.is_active span{left: 21px;background: #eb3f43;
}