Как сделать бургер меню с разной шириной линий от правого края?

Question

[Catherine]

Бургер появляется, но не могу понять как его перевернуть, чтобы короткая линия отталкилавалась не от левого, а от правого края.

span
{
display: block;
width: 37px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #000;
}

span:nth-child(2) {
width: 29px;
}

Comments

[ProjectSoft]

span:nth-child(2) {
    margin-left: auto;
    width: 29px;
}

Answer 1

[Антон Романков]

Может, проще будет сразу готовый взять?
https://freefrontend.com/css-hamburger-menu-icons/