/*--------------------------------------------------------------------------*\
    Buttons backgrounds > error
\*--------------------------------------------------------------------------*/

.btn--bg--error {
    /*background*/
    background-color: var(--c-error-primary-2);

    /* si le bouton contient un svg */
    fill: var(--c-tertiary-4);

    /*text*/
    color: var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
        Hover
\*--------------------------------------------------------------------------*/

.btn--bg--error:hover {
    /*background*/
    background-color: var(--c-error-primary-1);
}