/*--------------------------------------------------------------------------*\
    Link in menu item with btn transparent style
\*--------------------------------------------------------------------------*/

.header__menu-link--btn--transparent:not(.is-active):hover {
    /*background*/
    background-color: var(--c-quaternary-2);
}

/*--------------------------------------------------------------------------*\
        Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--primary .header__menu-link--btn--transparent {
    /*text*/
    color: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Header secondary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--secondary .header__menu-link--btn--transparent {
    /*text*/
    color: var(--c-tertiary-4);
}

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

.header--secondary .header__menu-link--btn--transparent:not(.is-active):hover {
    /*text*/
    color: var(--c-primary-1);
}