/* Hero navigation uses the same solid interaction states as the sticky nav. */
.scene.scene-auralis header nav button,
.scene.scene-auralis header nav button.interactive-hover-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 15px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #171513 !important;
  text-decoration: none !important;
  transition: background-color .24s ease, color .24s ease, border-color .24s ease !important;
}

.scene.scene-auralis header nav button::before,
.scene.scene-auralis header nav button::after,
.scene.scene-auralis header nav button.interactive-hover-button::before,
.scene.scene-auralis header nav button.interactive-hover-button::after,
.scene.scene-auralis header nav button .button-arrow { display: none !important; }

.scene.scene-auralis header nav button:hover,
.scene.scene-auralis header nav button:focus-visible,
.scene.scene-auralis header nav button.interactive-hover-button:hover,
.scene.scene-auralis header nav button.interactive-hover-button:focus-visible {
  background: #111 !important;
  background-color: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

.scene.scene-auralis header nav button.install:hover,
.scene.scene-auralis header nav button.install:focus-visible,
.scene.scene-auralis header nav button.install.interactive-hover-button:hover,
.scene.scene-auralis header nav button.install.interactive-hover-button:focus-visible {
  background: #c63d2d !important;
  background-color: #c63d2d !important;
  border-color: #c63d2d !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 650px) {
  .scene.scene-auralis header nav button { padding: 8px 11px !important; }
}