/* commun */
.btn-primary-vert,
.btn-primary,
.btn-secondary, 
.bouton-financite,
.bouton-financite-noir {
  display: block;
  background-color:transparent;
  cursor:pointer;
  
  font-family: 'FaktProBold';
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration:none;
  text-transform: uppercase;  

  white-space:nowrap; 
}

/* couleur */
.btn-secondary {
  border:2px solid white;
  color:white;
}

.btn-primary-vert {
  background-color:var(--financite_vert); 
  border:2px solid var(--financite_vert);
  color:black; 
}


.btn-primary-vert:hover {
  background-color:white;
  border:2px solid black;
  text-decoration:none;
  color:black;
}




.btn-primary {
  border:2px solid var(--financite_vert);
  color:black; 
}

/* Hover */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
  border:2px solid black;
  
  background-color: var(--financite_vert);
  text-decoration:none;
  color:black;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  border:2px solid black;
  background-color: white;
  text-decoration:none;
  color:black;
}



.bouton-financite,.bouton-financite-noir {
  color: black;
	border:2px solid var(--financite_vert);
  
}  

.bouton-financite:hover,a.bouton-financite:hover {
  border:2px solid black;
  background-color:var(--financite_vert);
  text-decoration:none;
  color:black;

}

.bouton-financite-noir:hover,a.bouton-financite-noir:hover {
  border:2px solid black;
  background-color:white;
  text-decoration:none;
  color:black;
}