.switch { position:relative; display:inline-block; width:50px; height:28px; }
.slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#ccc; border-radius:28px; }
.slider:before { position:absolute; content:""; height:22px; width:22px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:.4s; }
.slider.active { background:#2196F3; }
.slider.active:before { transform:translateX(22px); }
.switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;           /* makes whole row clickable */
}

.switch-text {
    user-select: none;         /* prevents text selection */
    margin-left: 8em;
}