/*--------------------------------------------------------------------------*\
    Accordion menu item label
\*--------------------------------------------------------------------------*/

.accordion__menu-label{
    /*box*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width:100%;
    padding:20px 15px;
    cursor:pointer;

    /*transition*/
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

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

.accordion__menu-checkbox:not(:checked)+.accordion__menu-label:hover{
    /*background*/
    background-color:var(--c-tertiary-3);
}