.custom-slider{display:inline-block;position:relative;width:50px;height:25px;background-color:#ccc;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.custom-slider .slider-circle{position:absolute;top:2px;left:4px;width:21px;height:21px;background-color:white;border-radius:50%;transition:transform .1s ease-in-out}#slider:checked+.custom-slider{background-color:#2dd132}#slider:checked+.custom-slider .slider-circle{transform:translateX(25px)}