.newItemButton {
  border: none;
  margin: var(--newItemButtonMargin);
  padding: var(--newItemButtonPadding);
  background-color: var(--newItemButtonBackgroundColor);
  border-radius: var(--newItemButtonBorderRadius);
  line-height: 0;
  font-size: var(--newItemButtonFontSize);
  font-weight: var(--newItemButtonFontWeight);
  text-align: center;
  color: var(--newItemButtonColor);
  box-shadow: var(--newItemButtonBoxShadow);
  transform: rotate(0deg);
  transition: background-color 500ms linear, transform 500ms ease;
  z-index: var(--newItemButtonZIndex);
}

.newItemButton:focus {
  outline: var(--newItemButtonFocusOutline);
}

.newItemButton.newItemButtonEditing {
  background-color: var(--newItemButtonEditingBackgroundColor);
  transform: rotate(45deg);
  transition: background-color 500ms linear, transform 500ms ease;
}

.newItemButtonHolder {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: var(--newItemButtonHolderZIndex);
  margin-top: -1.5rem;
}

.attachQuestionButtonHolder {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: var(--attachQuestionButtonHolderZIndex);
}
