* {
  box-sizing: var(--air-box-sizing, border-box);
}

:host {
  display: block;
  margin-bottom: var(--air-question-group-margin-bottom, var(--air-spacing-05, 2rem));
}

air-button {
  width: var(--air-question-group-button-width, 168px);
}

.question-group {
  width: var(--air-question-group-width, 100%);
}

.question-group-controls {
  max-width: var(--air-question-group-controls-max-width, 100%);
  margin-top: var(--air-question-group-controls-margin-top, var(--air-spacing-03, 1rem));
  margin-right: var(--air-question-group-controls-margin-right, 0);
  margin-bottom: var(--air-question-group-controls-margin-bottom, 0);
  margin-left: var(--air-question-group-controls-margin-left, 0);
}

.question-group-controls.secondary {
  display: flex;
  justify-content: var(--air-question-group-controls-secondary-justify, flex-end);
  min-width: var(--air-question-group-controls-secondary-min-width, 100%);
}
.question-group-controls.secondary a:last-child {
  margin-left: var(--air-question-group-controls-secondary-spacing, var(--air-spacing-03, 1rem));
}

.question-group-controls air-divider {
  width: var(--air-question-group-controls-max-width, 100%);
  margin-top: var(--air-question-group-controls-divider-margin-top, var(--air-spacing-03, 1rem));
  margin-right: var(--air-question-group-controls-divider-margin-right, 0);
  margin-bottom: var(--air-question-group-controls-divider-margin-bottom, var(--air-spacing-03, 1rem));
  margin-left: var(--air-question-group-controls-divider-margin-left, 0);
}

.add-question-button {
  margin-top: var(--air-question-group-button-add-margin-top, 0);
  margin-right: var(--air-question-group-button-add-margin-right, 0);
  margin-bottom: var(--air-question-group-button-add-margin-bottom, 0);
  margin-left: var(--air-question-group-button-add-margin-left, 0);
}

.remove-question-button {
  margin-top: var(--air-question-group-button-remove-margin-top, 0);
  margin-right: var(--air-question-group-button-remove-margin-right, 0);
  margin-bottom: var(--air-question-group-button-remove-margin-bottom, 0);
  margin-left: var(--air-question-group-button-remove-margin-left, 0);
}

.air-link {
  font-family: var(--air-question-group-link-font-family);
  text-decoration: var(--air-question-group-link-text-decoration);
  color: var(--air-question-group-link-color);
}

.air-link:visited {
  color: var(--air-question-group-link-visited-color);
}

.air-link:hover {
  color: var(--air-question-group-link-hover-color);
  cursor: pointer;
}

.air-link:focus {
  color: var(--air-question-group-link-focus-color);
  outline: var(--air-question-group-focus-outline-width) solid var(--air-question-group-focus-outline-color);
}

.air-link:active {
  color: var(--air-question-group-link-active-color);
}

.air-link-secondary {
  font-family: var(--air-question-group-link-font-family);
  text-decoration: var(--air-question-group-link-secondary-text-decoration);
  color: var(--air-question-group-link-secondary-color);
}

.air-link-secondary:visited {
  color: var(--air-question-group-link-secondary-visited-color);
}

.air-link-secondary:hover {
  text-decoration: var(--air-question-group-link-secondary-hover-text-decoration);
  color: var(--air-question-group-link-secondary-hover-color);
  cursor: pointer;
}

.air-link-secondary:focus {
  color: var(--air-question-group-link-secondary-focus-color);
  outline: var(--air-question-group-focus-outline-width) solid var(--air-question-group-focus-outline-color);
}

.air-link-secondary:active {
  color: var(--air-question-group-link-secondary-active-color);
}

@media (max-width: 992px) {
  .button {
    width: var(--air-mobile-question-group-button-width, 100%);
  }
  .question-group,
  .question-group-controls,
  .question-group-controls air-divider {
    width: var(--air-mobile-question-group-width, 100%);
    max-width: var(--air-mobile-question-group-width, 100%);
  }
}