.kz-piano-buttons {
  display: grid;
  /* flex-wrap: wrap; */
  gap: var(--space-2xs);
  grid-template-columns: repeat(5, 1fr);
}

.kz-piano-buttons button {
  aspect-ratio: 1;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.kz-piano-buttons svg {
  color: var(--color-klezmer-earth);
}

.kz-piano-buttons svg rect,
.kz-piano-buttons svg path {
  transition: all 0.2s;
}

.kz-piano-buttons button:hover svg rect,
.kz-piano-buttons button:focus svg rect {
  fill: var(--color-klezmer-earth--tint-10);
}

.kz-piano-buttons button:hover svg,
.kz-piano-buttons button:focus svg {
  color: var(--color-klezmer-light);
}