@media (max-width: 720px) {
    .menu ul {
        flex-direction: column;
        width: 75%;
    }
    .menu li {
        border: none;
        border-bottom: 1px solid hsla(0, 0%, 0%, 0.25);
    }
    .menu li:last-child {
        border: none;
    }
    .menu {
        transform: translateX(-100%);
        transition: transform .3s;
    }
    input:checked + .menu {
        transform: translateX(0);
    }
    label {
        width: 3rem;
        height: 3rem;
        background-color: green;
        display: block;
        cursor: pointer;
    }
}