/*========================
* 
* 				CTA
* 
* ======================*/

/*===== EXEMPLE =====*/

/* --- cta-principal */

.cta-principal .fl-module-content .uabb-module-content a:visited, 
.cta-principal .fl-module-content .uabb-module-content a:active, 
.cta-principal .fl-module-content .uabb-module-content a:focus-visible, 
.cta-principal .fl-module-content .uabb-module-content a:focus, 
.cta-principal .fl-module-content .uabb-module-content a {
	background-color: var(--couleur-principale);
	border: 0.5px solid var(--couleur-principale) !important;
	border-radius:40px !important; 
	transition: all linear 300ms;
	padding: 20px 30px;
	
}

.cta-principal .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-principal .fl-module-content .uabb-module-content a:visited span, 
.cta-principal .fl-module-content .uabb-module-content a:active span, 
.cta-principal .fl-module-content .uabb-module-content a:focus-visible span, 
.cta-principal .fl-module-content .uabb-module-content a:focus span, 
.cta-principal .fl-module-content .uabb-module-content a:hover span,
.cta-principal .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--regular);
	font-size: 16px;
	line-height: 20px;
	color: var(--blanc);
	text-transform: initial;
}


 
.cta-principal .fl-module-content .uabb-module-content a:hover {
	background-color: var(--couleur-hover-principale);
	border: 0.5px solid var(--couleur-principale) !important;
	border-radius: 40px !important; 
	transition: all linear 300ms;
}



/*##########################*/
/* --- cta-secondaire */

.cta-secondaire .fl-module-content .uabb-module-content a:visited, 
.cta-secondaire .fl-module-content .uabb-module-content a:active, 
.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible, 
.cta-secondaire .fl-module-content .uabb-module-content a:focus, 
.cta-secondaire .fl-module-content .uabb-module-content a {
	background-color: var(--blanc);
	border: 0.5px solid var(--blanc) !important;
	border-radius:40px !important; 
	transition: all linear 300ms;
	padding: 20px 30px;
	
}

.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-secondaire .fl-module-content .uabb-module-content a:visited span, 
.cta-secondaire .fl-module-content .uabb-module-content a:active span, 
.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible span, 
.cta-secondaire .fl-module-content .uabb-module-content a:focus span, 
.cta-secondaire .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--regular);
	font-size: 16px;
	line-height: 20px;
	color: var(--couleur-hover-principale);
	text-transform: initial;
}


 
.cta-secondaire .fl-module-content .uabb-module-content a:hover {
	background-color: var(--blanc);
	border: 0.5px solid var(--blanc) !important;
	border-radius: 40px !important; 
	transition: all linear 300ms;
}



/*##########################*/
/* --- cta-principal-ghost */

.cta-principal-ghost .fl-module-content .uabb-module-content a:visited, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:active, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus, 
.cta-principal-ghost .fl-module-content .uabb-module-content a {
	background-color: transparent;
	border: 0.5px solid var(--couleur-principale) !important;
	border-radius:20px !important; 
	transition: all linear 300ms;
	
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:visited span, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:active span, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible span, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus span, 
.cta-principal-ghost .fl-module-content .uabb-module-content a:hover span,
.cta-principal-ghost .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	font-size: 16px;
	line-height: 20px;
	color: var(--couleur-principale);
	text-transform: initial;
}


 
.cta-principal-ghost .fl-module-content .uabb-module-content a:hover {
	background-color: transparent;
	border: 0.5px solid var(--couleur-principale) !important;
	border-radius: 8px !important; 
	transition: all linear 300ms;
}



/*##########################*/
/* --- cta-secondaire-ghost */

.cta-secondaire-ghost .fl-module-content .uabb-module-content a:visited, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:active, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a {
	background-color: transparent;
	border: 0.5px solid var(--couleur-secondaire) !important;
	border-radius:20px !important; 
	transition: all linear 300ms;
	
}

.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-secondaire-ghost .fl-module-content .uabb-module-content a:visited span, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:active span, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible span, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus span, 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	font-size: 16px;
	line-height: 20px;
	color: var(--couleur-secondaire);
	text-transform: initial;
}


 
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover {
	background-color: transparent;
	border: 0.5px solid var(--couleur-secondaire) !important;
	border-radius: 8px !important; 
	transition: all linear 300ms;
}