.button-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem; /* řádkový-gap = 0.5rem, sloupcový-gap = 1rem */
}

.button-radio-group .toggle-btn {
  margin: 0;
  border: 1px solid #bec4d3;
  background-color: #fafafc;
  color: #77787f;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* pro jistotu */
  padding-left: .0rem;         /* zmenši podle chuti (.25rem, 0, …) */
  padding-right: .2rem;
  column-gap: .2rem;           /* mezera mezi ikonou a textem */
  
  cursor: pointer;
  border-radius: 0;
  height: 58px !important;
  width: 160px !important;
  font-weight: 200;
}
.button-radio-group .toggle-btn.active {
  color: #4a4b54;
  background-color: #dee0e8;
  font-weight: 500;
}
.button-radio-group .toggle-btn:focus {
  outline: none;
}

.button-radio-group .toggle-btn .toggle-icon {
  display: block;
  width: 3rem;
  height: 3rem;
  margin-left: 0;
  margin-right: .5rem;
  flex-shrink: 0;
}

/* ButtonRadioGroup: vlastní focus ring */
.button-radio-group .toggle-btn:focus,
.button-radio-group .toggle-btn:focus-visible,
.button-radio-group .toggle-btn.active:focus {
  outline: none !important;
  /* tloušťku upravíš posledním číslem (3px), barvu hexem */
  box-shadow: 0 0 0 2px #f74c6a !important;
  border-color: #f74c6a !important; /* pokud chceš sladit i hranici */
}