.pf-c-button.pf-m-primary {
    appearance: none;
    margin: 0;
    padding: 16px 24px;
    border: 0;
    font-weight: 700;
    font-size: 1rem;
    color: var(--blanc-100);
    background-color: var(--rouge-3);
    border-radius: var(--radius-xl);
    transition: background-color 250ms ease;
    display: inline-block;
}

.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus,
.pf-c-button.pf-m-primary:active {
    background-color: #b7140f;
}

.pf-m-secondary {
    background-color: #eff1ff;
    border: solid 1px var(--rouge-3);
    color: var(--rouge-3);
}
.pf-m-secondary:hover {
    background-color: #f6f7ff;
}

.pf-c-button.pf-m-block {
    width: unset;
}

#cancel-btn,
.pf-c-button.pf-m-link,
.idf-link {
    /* font-size: calc(18/16*1rem); */
    font-size: 1rem;
    font-weight: 700;
    border: 0;
}

#cancel-btn,
#cancel-btn:hover,
#cancel-btn:focus,
#cancel-btn:active,
.pf-c-button.pf-m-link,
.pf-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:focus,
.pf-c-button.pf-m-link:active,
.idf-link,
.idf-link:hover,
.idf-link:focus,
.idf-link:active {
    color: var(--rouge-3);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    background-color: transparent;
}

#social-franceconnect-particulier,
#social-ent{
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: inherit;
    text-indent: -9999px;
    display: inline-block;
    border: none;
    padding: 0px;
    width: 209px;
    height: 56px;
    --pf-c-button--after--BorderColor: transparent;
}
#social-franceconnect-particulier{
    background-image: url(../img/franceconnect-btn.svg);
}
#social-franceconnect-particulier:hover{
    background-image: url(../img/franceconnect-btn-hover.svg);
}
#social-ent{
    background-image:url('../img/monlycee-net-2024-s-identifier.jpg');
    background-color: #fff;
    border: solid 1px #d1d1d1;
}
#social-ent:hover{
    border: solid 1px grey;
}

#kc-form-buttons a,
#kc-form-buttons a:hover {
    color: var(--blanc-100);
    text-decoration: none;
}

#kc-form-buttons-confirm-idp button,
#kc-select-credential-form .select-auth-container button {
    margin-bottom: 20px;
}