如何使这个CSS汉堡包菜单完全可以点击?

I am working on a pure CSS hamburger menu icon, so far it's working great, except that the gaps between the lines are not clickable. How can I modify this code so that the entire button is clickable as opposed to just the lines?I am working on a pure CSS hamburger menu icon,