button {
  all: unset;
  font-family: var(--gse-ui-stepper-default-text-fontFamily);
  font-size: var(--gse-ui-stepper-default-text-fontSize);
  font-weight: var(--gse-ui-stepper-default-text-fontWeight);
  line-height: var(--gse-ui-stepper-default-text-lineHeight);
  color: var(--gse-ui-stepper-title-default);
  cursor: pointer;
}
button[disabled] {
  pointer-events: none;
  user-select: none;
}
button:hover:not([disabled]) {
  font-family: var(--gse-ui-stepper-hover-text-fontFamily);
  font-size: var(--gse-ui-stepper-hover-text-fontSize);
  font-weight: var(--gse-ui-stepper-hover-text-fontWeight);
  line-height: var(--gse-ui-stepper-hover-text-lineHeight);
  color: var(--gse-ui-stepper-title-hover);
  text-decoration: var(--gse-ui-stepper-hover-text-textDecoration);
}

button:focus-visible {
  outline: var(--gse-ui-stepper-step-focus-border-width) var(--gse-ui-stepper-step-focus-border-style) var(--gse-ui-stepper-step-focus-border-color);
  outline-offset: var(--gse-ui-stepper-focus-offset);
  border-radius: var(--gse-ui-stepper-step-focus-borderRadius);
}