.ba-login-cadre {
    margin-top: 3rem;
    max-width: 450px;  
}

.btn-facebook {
    background-color:#3b5998;
    border:0;
}

.btn-facebook:focus {
  background-color:#3b5998;
  border-color: #2f477a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #2f477a,0 0 8px #2f477a!important;
  box-shadow: inset 0 1px 1px #2f477a,0 0 8px #2f477a!important;
} 

.btn-facebook:hover {
    background-color:#2f477a;
}

.btn-facebook:active {
    background-color:#2f477a!important;
    border-color: #2f477a!important;
}


.btn-twitter {
    background-color:#1da1f2;
    border:0;
}

.btn-twitter:focus {
  border-color: #1da1f2;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #1da1f2,0 0 8px #1da1f2!important;
  box-shadow: inset 0 1px 1px #1da1f2,0 0 8px #1da1f2!important;
} 

.btn-twitter:active {
    border-color: #0c84cd!important;
    background-color:#0c84cd!important;
} 

.btn-twitter:hover {
    background-color:#0c84cd;
}

.btn-google {
    background-color:#db4437;
    border:0;
}

.btn-google:focus {
    background-color:#db4437;
    border-color: #db4437;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #db4437,0 0 8px #db4437!important;
    box-shadow: inset 0 1px 1px #db4437,0 0 8px #db4437!important;
} 

.btn-google:active {
  border-color: #ba2e21!important;
  background-color:#ba2e21!important;
} 

.btn-google:hover {
    background-color:#ba2e21;
}