.menu-level-1 > li:last-child > a {
  background-color: #c80527; /* Červená barva tlačítka */
  color: white; /* Bílý text */
  padding: 10px 20px; /* Velikost tlačítka */
  border-radius: 3px; /* Zaoblení rohů */
  font-weight: semibold; /* Tučný text */
  text-decoration: none; /* Bez podtržení textu */
  display: inline-block; /* Tlačítkový vzhled */
  text-align: center; /* Text zarovnán na střed */
  cursor: pointer; /* Klikací ukazatel */
  pointer-events: auto; /* Povolení kliknutí */
  position: relative; /* Správné vrstvení */
  z-index: 10; /* Priorita nad ostatními prvky */
}

/* Přidání ikony před text (desktop i mobil) */
.menu-level-1 > li:last-child > a::before {
  content: ""; /* Obsah je prázdný, používáme jen pozadí */
  display: inline-block; /* Nastavení ikony jako inline-blok */
  background-image: url('https://www.mcompanies.cz/user/documents/upload/ikony/connect-ikon-menu.svg'); /* Odkaz na obrázek */
  background-size: contain; /* Přizpůsobení velikosti */
  background-repeat: no-repeat; /* Zamezí opakování obrázku */
  width: 17px; /* Šířka ikony */
  height: 17px; /* Výška ikony */
  margin-right: 8px; /* Odsazení ikony od textu */
  vertical-align: middle; /* Zarovnání s textem */
  pointer-events: none; /* Ikona nepřekrývá klikací oblast */
}

/* Hover efekt na desktopu */
.menu-level-1 > li:last-child > a:hover {
  background-color: #a90420; /* Tmavší červená při hover */
}

/* Mobilní verze: Přidání ikony bez změny vzhledu a funkčnosti */
@media (max-width: 768px) {
  .menu-level-1 > li:last-child > a {
    background-color: inherit; /* Zachování původního pozadí */
    color: inherit; /* Zachování původní barvy textu */
    padding: inherit; /* Zachování původního paddingu */
    border-radius: inherit; /* Zachování původního zaoblení */
    display: block; /* Blokové zobrazení */
    width: 90%; /* Zabere celou šířku */
    text-align: left; /* Zarovnání textu vlevo */
    pointer-events: auto; /* Povolení kliknutí */
    position: relative; /* Zachování vrstvení */
    z-index: auto; /* Standardní vrstvení */
  }

  /* Ikona zůstává viditelná a funkční na mobilu */
  .menu-level-1 > li:last-child > a::before {
    content: ""; /* Ikona zůstává */
    display: inline-block; /* Inline-blokové zobrazení */
    background-image: url('https://www.mcompanies.cz/user/documents/upload/ikony/connect-grey-ikon-menu.svg'); /* Odkaz na ikonu */
    background-size: contain; /* Přizpůsobení velikosti */
    background-repeat: no-repeat; /* Zamezí opakování obrázku */
    width: 20px; /* Šířka ikony */
    height: 20px; /* Výška ikony */
    margin-right: 8px; /* Odsazení ikony od textu */
    vertical-align: middle; /* Zarovnání s textem */
    pointer-events: none; /* Ikona nepřekrývá odkaz */
  }
}