.switch {
    direction: ltr;
    list-style-type: none;
    position: relative;
    margin: auto;
    width: 20%;
    display: flex;
    flex-direction: row;
    background: #444444
    padding: 2rem;


}

.switch-ele{

    display: block;
    text-align: center;
    color: white;
    padding: 10px;
    width: max-content;
    border-radius: 0%;
    background: #444444
    transition: border-radius 128ms, background 128ms, color 128ms;

}
.switch-ele:hover{
    border-radius: 36%;
}
.on{
    background: #0198E1;
    border-radius: 36%;
}
.off:hover{
    background: #608341;
}