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

.header__menu-link--btn {
    /*box*/
    padding: 10px 14px;

    /*border*/
    border-radius: 20px;
}

/*--------------------------------------------------------------------------*\
        Btn padding with logo
\*--------------------------------------------------------------------------*/

.header__menu-link--btn.header__menu-link--logo {
    /*box*/
    padding: 6px 14px !important;
}

/*--------------------------------------------------------------------------*\
        Is-active
\*--------------------------------------------------------------------------*/

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

.header--primary .header__menu-link--btn.is-active {
    /*background*/
    background-color: var(--c-primary-1) !important;
    fill: var(--c-tertiary-4) !important;

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

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

.header--secondary .header__menu-link--btn.is-active {
    /*background*/
    background-color: var(--c-tertiary-4) !important;
    fill: var(--c-primary-1) !important;

    /*text*/
    color: var(--c-primary-1) !important;
}