aside.sidebar{
    position: fixed;
    top: 40%;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 2;  
}


aside.sidebar .social{
    background-color: #FFF;
    padding: var(--gap-xs);
    display: inline-flex;
    flex-direction: column;  
    justify-content: flex-end;
}
aside.sidebar .social a{
    color: var(--color-black);
    margin-bottom: var(--gap);
}
aside.sidebar .social a:hover{
    color: var(--color-action);
}
aside.sidebar .social a:last-child{
    margin-bottom: 0;
}

aside.sidebar .programme{
    margin-top: var(--gap-xs);
    background-color: var(--color-action);
    padding: var(--gap-xs);
    color: #FFF;
    line-height: 0;
    width: 36px;
    transition: all 300ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}
aside.sidebar .programme span{
    padding-left: var(--gap-2);
    padding-right: var(--gap-2);
    font-weight: var(--font-title-bold);
    font-family: var(--font-title);
    font-size: 1.2rem;    
    display: none;
    opacity: 0;
}
aside.sidebar .programme svg{
    transform: rotate(-45deg);
}

aside.sidebar .programme:hover{
    width: auto;
}
aside.sidebar .programme:hover span{
    display: initial;
    opacity: 1;
}