.kz-search {
  background-color: var(--color-light);
  border-radius: 50px;
  padding: var(--space-3xs);
  max-inline-size: 41.25rem;
}

.kz-search__form {
  column-gap: var(--space-xs);
  display: flex;
}

.kz-search__input {
  background: none;
  border-radius: 50px 0 0 50px;
  border: none;
  flex-grow: 1;
  font-family: var(--font-main);
  font-size: var(--step-0);
  line-height: var(--line-height-single);
  padding-inline-start: var(--space-s);
}

.kz-search__button {
  aspect-ratio: 1;
  background-color: var(--color-klezmer-life);
  border-radius: 50%;
  border: none;
  color: var(--color-klezmer-earth);
  cursor: pointer;
  padding: var(--space-2xs);
  transition: background-color 0.2s, color 0.2s;
}
.kz-search__button:hover,
.kz-search__button:focus {
  background-color: var(--color-klezmer-earth--tint-10);
  color: var(--color-klezmer-light);
}
.kz-search__button svg {
  pointer-events: none;
}