.gform_button,
input[type=submit],
[class*="btn-"]{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: auto;
	text-align: center;
	padding: 8px 24px;
	transition: 0.2s;
	cursor: pointer;
	position: relative;
    z-index: 1000;
	border-radius: 99px;
	width: fit-content;
	font-weight: 700;
	z-index: 1;
	position: relative;
	/* margin-top: 24px; */
	font-family: "Lexend", sans-serif;
	font-size: 16px;
	line-height: 120%;
}
[class*="btn-icon-"]{
	padding:0 10px;
}
[class*="btn-small-"]{
}
[class*="btn-big-"]{
}

/*----------
-- BOUTON --
------------*/

/*BOUTON PRIMARY : FOND BLEU + HOVER DEGRADE*/
.btn-primary-large,
.btn-primary-large:link,
.btn-primary-large:visited,
.btn-primary-medium,
.btn-primary-medium:link,
.btn-primary-medium:visited,
.btn-primary-small,
.btn-primary-small:link,
.btn-primary-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: var(--color-primary);
	transition: background 0.8s ease, color 0.8s ease;
}
.btn-primary-large:hover,
.btn-primary-medium:hover,
.btn-primary-small:hover {
	background: var(--color-degrad-primary);
	transition:0.8s all;
}
.btn-primary-large:active,
.btn-primary-medium:active,
.btn-primary-small:active {
	background: var(--color-degrad-secondary);
	transition:0.8s all;
}
.btn-primary-large:focus,
.btn-primary-medium:focus,
.btn-primary-small:focus {
	background: var(--color-primary);
	box-shadow: rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}
.btn-primary-large:active,
.btn-primary-medium:active,
.btn-primary-small:active {
	background: var(--color-degrad-secondary);
	transition:0.8s all;
}

/*BOUTON PRIMARY : BORDURE + HOVER BLEU */

.btn-primary-light-large,
.btn-primary-light-large:link,
.btn-primary-light-large:visited,
.btn-primary-light-medium,
.btn-primary-light-medium:link,
.btn-primary-light-medium:visited,
.btn-primary-light-small,
.btn-primary-light-small:link,
.btn-primary-light-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: transparent;
	border: 1px solid var(--color-primary-dark);
	transition: 0.8s all;
}
.btn-primary-light-large:hover,
.btn-primary-light-medium:hover,
.btn-primary-light-small:hover {
	background-color: var(--color-primary-x-light);
	transition:0.8s all;
}
.btn-primary-light-large:active,
.btn-primary-light-medium:active,
.btn-primary-light-small:active {
	background-color: var(--color-primary-light);
	transition:0.8s all;
}
.btn-primary-light-large:focus,
.btn-primary-light-medium:focus,
.btn-primary-light-small:focus {
	background-color: var(--color-primary-x-light);
	border-color: rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}
.btn-primary-light-large:disabled,
.btn-primary-light-medium:disabled,
.btn-primary-light-small:disabled {
	opacity: 0.5;
}

/*BOUTON SECONDARY : FOND BLANC & TEXTE BLEU + HOVER BLEU */
.btn-secondary-large,
.btn-secondary-large:link,
.btn-secondary-large:visited,
.btn-secondary-medium,
.btn-secondary-medium:link,
.btn-secondary-medium:visited,
.btnsecondary-small,
.btnsecondary-small:link,
.btnsecondary-small:visited {
	color: var(--color-primary-active)!important;
	background-color: var(--white);
	border: 1px solid var(--white);
	border-radius: 99px;
	transition: 0.8s all;
}
.btn-secondary-large:hover,
.btn-secondary-medium:hover,
.btn-secondary-small:hover,

.btn-secondary-light-large:hover,
.btn-secondary-light-medium:hover,
.btn-secondary-light-small:hover {
	background-color: var(--color-primary-x-light);
	border: 1px solid var(--color-primary-x-light);
	transition:0.8s all;
}
.btn-secondary-large:active,
.btn-secondary-medium:active,
.btn-secondary-small:active {
	background-color: var(--color-primary-light);
	border: 1px solid var(--color-primary-light);
	color: var(--color-primary-dark);
	transition:0.8s all;
}

.btn-secondary-large:focus,
.btn-secondary-medium:focus,
.btn-secondary-small:focus {
	background-color: var(--white);
	border: 1px solid rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}

.btn-secondary-large:disabled,
.btn-secondary-medium:disabled,
.btn-secondary-small:disabled {
	opacity: 0.5;
}


/*BOUTON SECONDARY : FOND TRANSPARENT & TEXTE BLANC + BORDURE + HOVER BLEU */
.btn-secondary-light-large,
.btn-secondary-light-large:link,
.btn-secondary-light-large:visited,
.btn-secondary-light-medium,
.btn-secondary-light-medium:link,
.btn-secondary-light-medium:visited,
.btnsecondary-light-small,
.btnsecondary-light-small:link,
.btnsecondary-light-small:visited {
	color: var(--white)!important;
	background-color: transparent;
	border: 1px solid var(--white);
	border-radius: 99px;
	transition: 0.8s all;
}
.btn-secondary-light-large:active,
.btn-secondary-light-medium:active,
.btn-secondary-light-small:active {
	background-color: var(--color-primary-light);
	border: 1px solid var(--color-primary-light);
	color: var(--color-primary-active);
	transition:0.8s all;
}

.btn-secondary-light-large:focus,
.btn-secondary-light-medium:focus,
.btn-secondary-light-small:focus {
	background-color: var(--white);
	border: 1px solid rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}

.btn-secondary-light-large:disabled,
.btn-secondary-light-medium:disabled,
.btn-secondary-light-small:disabled {
	opacity: 0.5;
}


/*large*/

.btn-primary-large,
.btn-primary-large:link,
.btn-primary-large:visited,

.btn-primary-light-large,
.btn-primary-light-large:link,
.btn-primary-light-large:visited,

.btn-secondary-large,
.btn-secondary-large:link,
.btn-secondary-large:visited,

.btn-secondary-light-large,
.btn-secondary-light-large:link,
.btn-secondary-light-large:visited{
	font-size:18px;
	padding:16px 32px;
}
/*medium*/

.btn-primary-medium,
.btn-primary-medium:link,
.btn-primary-medium:visited,

.btn-primary-light-medium,
.btn-primary-light-medium:link,
.btn-primary-light-medium:visited,

.btn-secondary-medium,
.btn-secondary-medium:link,
.btn-secondary-medium:visited,

.btn-secondary-light-medium,
.btn-secondary-light-medium:link,
.btn-secondary-light-medium:visited{
	font-size:16px;
	padding:12px 24px;
}
/*small*/
.btn-primary-small,
.btn-primary-small:link,
.btn-primary-small:visited,

.btn-primary-light-small,
.btn-primary-light-small:link,
.btn-primary-light-small:visited,

.btn-secondary-small,
.btn-secondary-small:link,
.btn-secondary-small:visited,

.btn-secondary-light-small,
.btn-secondary-light-small:link,
.btn-secondary-light-small:visited{
	font-size:14px;
	padding:8px 16px;
}

/*Bouton texte*/
.btn-text-large,
.btn-text-medium,
.btn-text-small {
	position: relative;
	color: var(--gray-900)!important;
	padding-left: 20px;
	transition: 0.8s all;
}
.btn-text-large:before,
.btn-text-medium:before,
.btn-text-small:before {
	content:"";
	background: #B1E01B;
	position: absolute;
	top: 16px;
	left:0;
	border-radius: 99px;
	transition: 0.8s all;
}

/*large*/
.btn-text-large {
	font-size: 18px;
	line-height: 24px;
}
.btn-text-large:before {
	width: 8px;
	height: 8px;
}
.btn-text-large:hover:before {
	width: 16px;
}

/*medium*/
.btn-text-medium {
	font-size: 16px;
	font-weight: 400;
}
.btn-text-medium:hover:before {
	width: 12px;
}

/*small*/
.btn-text-small {
	position: relative;
	color: var(--gray-900);
	font-size: 18px;
	line-height: 24px;
	padding-left: 15px;
}
.btn-text-small:before {
	width: 6px;
	height: 6px;
}
.btn-text-small:hover:before {
	width: 12px;
}

/*Bouton : Téléchargement*/
.btn-download, 
.btn-download:link,
.btn-download:visited {
	position: relative;
	border: 1px solid var(--color-secondary);
	color: var(--white);
	padding: 8px 40px 8px 24px;
	font-weight: 600;
}
.btn-download::after, 
.btn-download:link::after,
.btn-download:visited::after {
	content:"";
	position: absolute;
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-download.svg);
	right:12px;
	width: 20px;
	height: 20px;
}
.btn-download:hover {
	background-color: var(--color-secondary);
	color: var(--white)!important;
}
.btn-download:hover::after {
	filter: brightness(0) invert(1); /* Inverser la couleur de l'image */
}

/*Bouton : lien interne + lien externe */

.btn-link-interne,
.btn-link-externe {
	padding: 0;
	font-weight: 400;
	text-align: left;
}
.btn-link-interne::after,
.btn-link-externe::after {
	content:"";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	transition: 0.8s all;
}
.btn-link-interne::after {
	background-image: url(/wp-content/themes/mediapilote/img/charte/interne-link.svg);
}
.btn-link-externe::after {
	background-image: url(/wp-content/themes/mediapilote/img/charte/external-link.svg);
}
.btn-link-interne:hover::after,
.btn-link-externe:hover::after {
	margin-left: 10px;
	transition: 0.8s all;
}


/* Lien spécifique */

/* .btn-fifth.back{
    color: var(--color-primary) !important;
    font-family: 'lato bold', sans-serif;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-bottom: 1rem;
	padding: 1rem;
	z-index: 0;
}
.btn-fifth.back::before{
	content: '';
    display: inline-block;
    min-width: 25px;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/sprite-site.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -100px -185px;
    background-color: var(--white);
    border: 2px solid var(--color-primary);
	transform: rotate(180deg);
    border-radius: 50%;
    margin-right: 1rem;
    transition: 0.2s;
}
.btn-fifth.back:hover::before{
	transform: translateX(-5px) rotate(180deg);
} */

[class*="link-"]{
	margin: 5px 5px 0 0;
	display: inline-flex;
	align-items: center;
	line-height: 110%;
}


.link-primary{
	font-size: 1.5rem;
	font-family: var(--font-primary), sans-serif;
}

footer .btn-link{
	color: var(--white) !important;
	padding-left: 0;
}

.btn-phone{
	position: relative;
	display: flex;
	justify-content: flex-start;
	padding: 0 0 0 25px;
	color: #fff !important;
	font-weight: 700;
	margin-top:0;
	font-size: 2rem;
}
.btn-phone::before {
	content:"";
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-phone.svg);
	width:16px;
	height: 16px;
	position: absolute;
	left:0;
}


/*RESPONSIVE*/

@media screen and (max-width: 1220px), (max-device-width: 1220px) {
	.btn-phone {
		font-size:1.6rem;
	}
}

@media (max-width: 1199px) {
	input[type=submit],
	.btn-home {
		font-size: 20px!important;
	}
}