.menu-partenaires .menu, 
.menu-partenaires .menu-button{
    position: fixed;
    right: 0;
    top: 19rem;
    color: white;

    background-color: black;
    border-radius: 5px 0 0 5px;
}

.menu-partenaires .menu-container {
    display: flex;
    flex-direction: row-reverse;
}

.menu-partenaires .menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.7rem;
    z-index: 100;
    cursor: pointer;
    font-size: 1.3rem;
    text-align: center;
    color: white;
    transition: all ease-in-out 0.2s;
}
 .menu-partenaires .menu:focus-within {
    right: 0;
    padding: 7rem 1rem 1rem 1rem;
}
.menu-partenaires .menu-container:hover .menu {
    right: 0;
    padding: 7rem 1rem 1rem 1rem;
}

.menu-partenaires .menu-container:hover .menu-button {
    right: 0;
    padding: 1.25rem 4rem 1.25rem 4rem;
}

.menu-partenaires .menu-button:hover   {
    right: 0;
    padding: 1.25rem 4rem 1.25rem 4rem;
}

.menu-partenaires:focus-within .menu-button {
    padding: 1.25rem 4rem 1.25rem 4rem;
}

.menu-partenaires .menu-button svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.5rem;
    transition: transform .5s ease-in-out;
}

.menu-partenaires .menu-button span {
    white-space: pre-line;
}

.menu-partenaires .menu {
    right: -13rem;
    list-style: none;
    padding: 0.7rem;
    margin: 0;
    width: 13rem;
    font-size: 1.3rem;
    text-align: center;
    z-index: 99;
    transition: all ease-in-out 0.2s;
}
.menu-partenaires .menu-item {
    border-bottom: 1px solid;
    padding: 0.5rem;
}

.menu-partenaires .menu-item:last-child {
    border-bottom: none;
}

.menu-partenaires .menu-item a {
    color: currentColor;
}