.block-burger-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--gin-border-m);
  cursor: pointer;
}

.block-burger-block svg {
  width: 18px;
  height: 18px;
  fill: var(--gin-icon-color);
  transition: fill 0.2s ease;
}

.block-burger-block:hover {
  background: var(--gin-color-primary-light);
}

.block-burger-block:hover svg,
.gin--dark-mode .block-burger-block:hover svg {
  fill: var(--gin-color-primary);
}

.gin--dark-mode .block-burger-block svg {
  fill: var(--gin-icon-color);
}