.btn{
    display: inline-flex;             
    align-items: center;             
    justify-content: flex-end;  
    padding: 12px 15px 12px 30px;        
}

body .btnContactForm{
    display: inline-flex;
    align-content: center;
    width: auto;
    max-width: 320px;
    height: 70px;
}

.btn, 
.btn span.link-title,
body .formFont{        
    border: none;
    border-radius: 50px;
    font-size: 0.825rem;
    font-weight: 500;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
    color: var(--pitch-gray);
    transition: all .3s ease-in-out;
}

.btn:hover:not(.btn-item ),
body .formFont:hover{
    filter: brightness(115%);
    box-shadow: none;
}

body .formFont{
    width: 150px;
    text-align: center;
}

.solutions__link .btn:hover{
    filter: none;
}

.btn--primary {
    background-color: var(--amber-orange, #FF9800);
 }

 .btn--secondary,
 .btn--secondary-gray,
 .btn-bg-black{
    margin-top: 25px;
 }

  .btn--secondary-gray{
    display: flex;
    justify-content: flex-start;
 
  }

.btn--secondary-gray,
.audit__card-link.btn-bg-black{
    margin-left: 0px;
    padding: 15px 15px 15px 0px;
 }

.audit__card-link svg {
  transition: transform 0.3s ease-in-out;
}

.audit__card-link:hover svg {
  transform: scale(1.15); 
}

a.btn-bg-black{
    justify-content: flex-start;
    max-width: 480px;
    color: var(--amber-orange);
}

.bg-black-arrow{
    width: 100%;
    padding-left: 15px;
    margin: 50px auto 0;
}

a.accueil__link{
    min-width: 290px;
}

a.header-button{
    width: 239px;
    min-width: 239px;
}

.banner__header a.banner__btn{
    padding-left: 0;
}

.btn--down-icon-orange{
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.banner__btn:hover .btn--down-icon-orange{
    transform: rotate(90deg) scale(1.15);
}


 /***************************************************/
/*                 Media queries                   */
/***************************************************/
 @media screen and (min-width: 480px){
    .btn{
        padding: 15px 15px 15px 40px;
    } 

    .btn--secondary-gray{
        padding: 15px 15px 15px 0px;
    }

    a.accueil__link {
        margin-left: -5px;
    }
} 

@media screen and (min-width: 628px) {
    a.accueil__link {
        margin-left: 0px;
    }
}

 @media screen and (min-width: 768px){
    .btn--secondary{
        margin-left: 5px;
    }
} 
      
 @media screen and (min-width: 1024px){
    .bg-black-arrow{
        margin-left: 0px;
    }

    a.btn-bg-black {
        padding-left: 0;
    }

}