.button-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-small);
}

.button-tabs__trigger {
  padding-left: var(--space-medium);
  padding-right: var(--space-medium);
}

.button-tabs__trigger.active {
  background-color: var(--color-background--highlight);
  cursor: default;
}

.button-tabs__content-container {
  display: grid;
}

.button-tabs__content {
  display: none;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.button-tabs__content.active {
  display: block;
  padding-top: var(--space-medium);
}