.grid-component {
  display: grid;
}

.grid-component--gutter-1 {
  gap: 4px;
}

.grid-component--gutter-2 {
  gap: calc(4px * 2);
}

.grid-component--gutter-3 {
  gap: calc(4px * 3);
}

.grid-component--gutter-4 {
  gap: calc(4px * 4);
}

.grid-component--gutter-5 {
  gap: calc(4px * 5);
}

.grid-component--gutter-6 {
  gap: calc(4px * 6);
}