.sidebar{

    header{

        -webkit-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

        
    }
}

.dynamic-button{
    border: 1px solid white;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.dynamic-button:hover{
    border: 1px solid #eee;
    border-radius: 15px;
    -webkit-box-shadow: 1px 2px 15px #eee;
            box-shadow: 1px 2px 15px #eee;
}

.dark{
    .dynamic-button{
        border: 1px solid #1e1e1e;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    
    .dynamic-button:hover{
        border: 1px solid #3c3c3c;
        border-radius: 15px;
        -webkit-box-shadow: 1px 2px 15px #474747;
                box-shadow: 1px 2px 15px #474747;
    }
}