#menu-tlacitko {
  background: url('https://www.nixa.cz/obrazky/svg/menu.svg') no-repeat center center;
  background-size: 24px 24px;
  border-radius: var(--rounded);
  flex: 0 0 auto;
  height: var(--spacing-2xl);
  line-height: var(--spacing-2xl);
  margin-left: var(--spacing-px);
  transition-duration: var(--transition-duration);
  transition-property: all;
  transition-timing-function: var(--transition-timing-function);
  width: var(--spacing-2xl);
}

#menu-tlacitko:hover {
  background-color: var(--color-light);
}

#menu-tlacitko:focus-visible {
  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
  outline: none;
}

@media (min-width: 55rem) {
  #menu-tlacitko {
    display: none;
  }
}

#menu-tlacitko.otevreny {
  background-image: url('https://www.nixa.cz/obrazky/svg/x.svg');
}