Hamburger-Button-CSS-Generator

.hamburger {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 12px;
  background: white;
  border: 1px solid rgba(15,23,42,0.08);
}

.hamburger span {
  display: block;
  width: 29px;
  height: 2px;
  border-radius: 999px;
  background: #111827;
}

.hamburger span:nth-child(2) {
  width: 24px;
  justify-self: end;
}

.hamburger span:nth-child(3) {
  width: 19px;
  justify-self: end;
}