button.submit-toggle {
    position: relative;
    display: flex;
    align-items: center;
    width: 38px; 
    height: 23px;
    padding: 3px!important;
    border-radius: 20px;
    transition: background-color 0.3s ease;
    background-color: #eaecf5!important;
}

button.submit-toggle:hover {
    background-color: #D1D5DB!important;
}

button.submit-toggle.checked {
    background-color: #008F98!important;
}

button.submit-toggle.checked:hover {
    background-color: #007d83!important;
}

button.submit-toggle .toggle-bouton-rond {
    position: absolute;
    left: 3px; 
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color:white;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

button.submit-toggle.checked .toggle-bouton-rond {
    transform: translateX(16px);
}

@media (max-width: 478px) {
    button.submit-toggle {
        width: 38px!important; 
    }
}