/* A common visual priority for existing quiz actions; availability stays with each game. */
.quiz-action-row:not([hidden]):not(.hidden) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.quiz-action-row > button.quiz-reset-secondary {
  margin-inline-end: auto;
}
.quiz-action-row > button.quiz-advance-primary {
  margin-inline-start: auto;
}
.quiz-action-row > button.quiz-reset-secondary:not([hidden]):not(.hidden),
.quiz-action-row > button.quiz-advance-primary:not([hidden]):not(.hidden) {
  display: flex !important;
  flex: 0 1 auto;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.quiz-action-row > .common-game-status {
  flex: 0 1 100%;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
button.quiz-reset-secondary,
button.quiz-advance-primary {
  min-height: 44px;
  max-width: 100%;
  white-space: normal;
  text-shadow: none;
}
button.quiz-reset-secondary {
  color: #33463c !important;
  background: #f5f7f4 !important;
  border: 1px solid #a7b5ab !important;
  box-shadow: none !important;
  font-weight: 500;
}
button.quiz-reset-secondary:not(:disabled):hover {
  background: #e8ede8 !important;
}
button.quiz-advance-primary:not(:disabled):not([aria-disabled="true"]) {
  color: #fff !important;
  background: #176b40 !important;
  border: 2px solid #125834 !important;
  font-weight: 750;
  box-shadow: 0 2px 0 #0d4529 !important;
  cursor: pointer;
  opacity: 1;
}
button.quiz-advance-primary:not(:disabled):not([aria-disabled="true"]):hover {
  background: #125834 !important;
}
button.quiz-advance-primary:disabled,
button.quiz-advance-primary[aria-disabled="true"] {
  color: #59655d !important;
  background: #e6ebe6 !important;
  border: 2px solid #c7d0c9 !important;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 1;
}
button.quiz-advance-primary:focus-visible,
button.quiz-reset-secondary:focus-visible {
  outline: 3px solid #173c2b;
  outline-offset: 3px;
}