Css для изменения длины меню строки гамбургера плюс добавление выноски [закрыто] ⇐ CSS

[Anonymous]

Я хотел бы изменить ширину линий гамбургер-меню и, самое главное, добавить выноску (простую текстовую ссылку) непосредственно слева от меню.
A снимок экрана того, чего я пытаюсь достичь
Это тема
Я просмотрел таблицу стилей вверх и вниз и попробовал все, что знал of, чтобы изменить ширину каждой линии и расположить их на одном уровне справа. Мне удалось лишь немного его сдвинуть:
.hamburguer-trigger-menu-icon .hamburger-line-2 {

margin-right: -0.3rem;

}

Выноска, вероятно, самая важная, и я не знаю, с чего начать. Как мне разместить короткую текстовую ссылку слева от трех строк?

Добавлено 5/6
Моя попытка создать выноску привела к дублированию содержимого и неожиданному анимированному поведению при клике, как показано здесь:
Проблемы с отображением выноски до и после клика
Может ли кто-нибудь показать мне, как исправить это дублирование и избежать анимации при нажатии?
.hamburguer-trigger-menu-icon ::before {
content: "Apply Now";
display: inline-block;
margin-left: -180px;
margin-top: -25px;
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... d-call-out