/* One coordinated bottom toolbar for contextual help, deeper study, and stopping. */
#optionalExitButton {
  right: 18px !important;
  bottom: 18px !important;
  min-height: 44px;
}

.deeper-study-launcher {
  right: 132px !important;
  bottom: 18px !important;
  min-height: 44px;
}

.dng-help {
  right: 282px !important;
  bottom: 18px !important;
}

.deeper-study-panel,
.dng-coach {
  bottom: 78px !important;
}

@media (max-width: 640px) {
  #optionalExitButton {
    right: 10px !important;
    bottom: 10px !important;
    min-height: 40px;
    padding: 9px 12px !important;
    font-size: 12px !important;
  }

  .deeper-study-launcher {
    right: 108px !important;
    bottom: 10px !important;
    min-height: 40px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .dng-help {
    right: 260px !important;
    bottom: 10px !important;
    width: 40px;
    height: 40px;
  }

  .deeper-study-panel,
  .dng-coach {
    right: 10px !important;
    bottom: 62px !important;
  }
}