#kategorie-tlacitko {
  /* @include .tlacitko */
  background: var(--color-primary) url('https://www.nixa.cz/obrazky/svg/menu-light.svg') no-repeat center center;
  background-size: 24px 24px;
  border: 0;
  flex: 0 0 auto;
  height: var(--spacing-2xl);
  line-height: var(--spacing-2xl);
  margin-right: var(--spacing-px);
  width: var(--spacing-2xl);
}

#kategorie-tlacitko:hover {
  background-color: var(--color-primary-dark);
}

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

#kategorie-tlacitko span {
  display: none;
}

@media (min-width: 33.75rem) {
  #kategorie-tlacitko {
    background-position: var(--spacing-px) center;
    padding: 0 var(--spacing-px-2x) 0 48px;
    width: auto;
  }

  #kategorie-tlacitko span {
    display: inline-block;
  }
}

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