.button {
    color: white;
    border-radius: 50px;
    border: 1px solid white;
    padding: 4px 12px;
    width: fit-content;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s ease;
}

.button-primary {
    background: linear-gradient(90deg, var(--green-400) 0%, var(--bleu-200) 100%);
}
.button-primary:hover {
    background: white;
    color: var(--success-500);
}

.button-fa {
    border-radius: 50px;
    color: var(--success-500);
    transition: 0.3s ease;
    margin: 0px 0px 0px 12px;
    cursor: pointer;
}

.button-fa a {
    color: inherit;
    text-decoration: none;
}


.button-fa:hover {
    color: var(--success-400);
}

.fa-custom {
    font-size: 1.6em;
}