.protected-page-switcher input {
    display: block;
    opacity: 0;
    position: absolute;
}
.protected-page-switcher label {
    width: 47px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: rgb(189, 189, 189);
    border-radius: 30px;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
}
.protected-page-switcher label:after {
    left: 0;
    width: 14px;
    height: 14px;
    margin: 5px;
    content: '';
    position: absolute;
    background: #FFF;
    border-radius: 10px;
}
.protected-page-switcher input:checked + label {
    background: rgb(45, 137, 252);
}
.protected-page-switcher input:checked + label:after {
    left: auto;
    right: 0;
}