#ml {
    display: flex;
    position: relative;
}
#ham-menu ul li a#ml-button {
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 2em;
    margin: 0 0.4em 0 0;
    box-sizing: content-box;
}
#ml-button img {
    width: 100%;
    display: block;
}
.ml {
    overflow: hidden;
    position: absolute;
    right: 100%;
    transition: width 0.5s;
    border: none;
    padding: 0em;
    z-index: 100;
    background: #fff;
    display: none;
}
.ml a {
    border: 1px solid #ccc;
    padding: 0.5em 1.2em 0.5em 0.5em;
    width: 100px;
    display: block;
}
.ml a i {
    position: absolute;
    right: 0.2em;
    color: yellowgreen;
}