.btn-white-border-blueSyS{
    border:1px solid var(--primary-bleu-logo);
    background: var(--color-white);
    color: var(--primary-bleu-logo);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:100%;
    transition: background-color 0.3s ease; 
}
.btn-white-border-blueSyS:hover{
    border:1px solid var(--secondary-blue-bleu-600);
    background: var(--color-white);
    color: var(--secondary-blue-bleu-600);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:100%;
}

.btn-actu{
    border:1px solid  var(--basics-white);
    background: transparent;
    color: var(--basics-white);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:200px;
    transition: background-color 0.3s ease; 
}
.btn-actu:hover{
    border:1px solid var(--tercery-green-400);
    color: var(--tercery-green-400);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    transition: background-color 0.3s ease; 
}

.btn-tranperent-border-black{
    border:1px solid  var(--color-black);
    background: transparent;
    color: var(--color-black);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:90%;
    transition: background-color 0.3s ease;
}
.btn-tranperent-border-black:hover{
    border:1px solid var(--tercery-green-400);
    color: var(--secondary-blue-bleu-800);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:90%;
    background: #A0DB63;
    transition: background-color 0.3s ease;
}
.btn-tranperent-border-black1{
    border:1px solid  var(--color-black);
    background: transparent;
    color: var(--color-black);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:50%!important;
    transition: background-color 0.3s ease; 
}
.btn-tranperent-border-black1:hover{
    border:1px solid var(--tercery-green-400);
    color: var(--secondary-blue-bleu-800);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    width:90%;
    background: linear-gradient(90deg, var(--tercery-green-400) 0%, #A0DB63 100%);
    transition: background-color 0.3s ease; 
}

@media screen and (max-width:800px) {
.btn-tranperent-border-black1{
    width:100%!important;
    transition: background-color 0.3s ease; 
}
}

.btn-tranperent-border-white{
    border:1px solid  var(--color-white);
    background: transparent;
    color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    width:90%;
    transition: background-color 0.3s ease; 
}
.btn-tranperent-border-white:hover{
    border:1px solid var(--tercery-green-400);
    color: var(--secondary-blue-bleu-800);
    font-family: var(--font-primary);
    width:90%;
    background: #A0DB63;
  transition: background-color 0.3s ease;
}
.btn-green1{
color: var(--secondary-blue-bleu-800);
text-align: center;
/* Bold/font-bold-24 */
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: var(--radius-radius-extra-small);
background: var(--tercery-green-500);
font-family:var(--font-primary);
font-size: 20px;
}
.btn-green1:hover{
color: var(--secondary-blue-bleu-800);
background: var(--tercery-green-700);
transition: background-color 0.3s ease;
}
.btn-green2{
color: var(--secondary-blue-bleu-800);
text-align: center;
/* Bold/font-bold-24 */
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: var(--radius-radius-extra-small);
background: #A0DB63;
font-size: 20px;
}
.btn-green2:hover{
color: var(--secondary-blue-bleu-800);
font-family: var(--font-primary);
border-radius: var(--radius-radius-extra-small);
background: #9ACA69;
transition: background-color 0.3s ease;

}

.btn-greenblue2{
color: var(--secondary-blue-bleu-800);
text-align: center;
/* Bold/font-bold-24 */
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: var(--radius-radius-extra-small);
background: #58C4C9;
font-size: 20px;
transition: background-color 0.3s ease; 
}
.btn-greenblue2:hover{
color: var(--secondary-blue-bleu-800);
background: #72DFE4;
transition: background-color 0.3s ease;
}


@media (max-width: 1280px) {
.btn-greenblue2{
width:100%;
margin-bottom:1em;
}
.btn-green1{
 width:100%;
}

}
@media (min-width: 1280px) {
    .btn-greenblue2{
width:60%;
}
.btn-green1{
 width:60%;
}
}

.btnhome{
    color: var(--secondary-blue-bleu-800);
text-align: center;
/* Regular/font-regular-24 */
font-family: Calibri;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: var(--radius-radius-extra-small, 10px);
background: rgba(148, 212, 210, 0.50);
}
.btnhome:hover{
background: #A0DB63;
transition: background-color 0.3s ease;
}