#franceconnect-login-form input.form-submit {
  background: url('../images/franceconnect-bouton.svg') no-repeat center center;
  background-size: contain;
  border: none;
  width: 209px;
  height: 56px;
  color: transparent;
  overflow: hidden;
  padding: 0;
  display: inline-block;
  margin: 12px 0;
}

#franceconnect-login-form input.form-submit:hover,
#franceconnect-login-form input.form-submit:focus {
  background-image: url('../images/franceconnect-bouton-hover.svg');
}

.franceconnect-login .what-is {
  margin-bottom: 12px;
}

.franceconnect-separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 2rem 0;
  color: #666;
}

.franceconnect-separator::before,
.franceconnect-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #666;
}

.franceconnect-separator::before {
  margin-right: 1rem;
}

.franceconnect-separator::after {
  margin-left: 1rem;
}