.iosToggleButton {
    display: none;
}

.iosLabel {
    width: 100px;
    height: 50px;
    display: block;
    border-radius: 50px;
    transition: background-color cubic-bezier(0.22, 1, 0.36, 1) .5s;
    background-color: rgb(237, 237, 237);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.iosLabel::after {
    content: "";
    width: 50%;
    border-radius: 50%;
    background-color: white;
    height: 100%;
    display: block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);


    left: 1.5px;
    position: relative;
    transition: left cubic-bezier(0.34, 1.56, 0.64, 1) .3s;


    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.iosToggleButton:checked+.iosLabel::after {
    left: 49.5px;
}

.iosToggleButton:checked+.iosLabel {
    background-color: rgb(106, 201, 112);
}