html.gn-touch-controls .ejs_virtualGamepad_button {
  color: #fff !important;
  background: rgba(15, 18, 24, 0.64) !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.65),
    inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.95) !important;
}

html.gn-touch-controls .ejs_virtualGamepad_button_down {
  background: rgba(229, 37, 33, 0.86) !important;
  border-color: #fff !important;
  transform: scale(0.94);
}

html.gn-touch-controls .ejs_dpad_main {
  opacity: 0.92 !important;
  filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.75));
}

html.gn-touch-controls .ejs_dpad_bar {
  background: rgba(20, 24, 31, 0.72) !important;
}

html.gn-touch-controls .ejs_dpad_horizontal,
html.gn-touch-controls .ejs_dpad_vertical {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.72);
}

html.gn-touch-controls .ejs_dpad_horizontal::before {
  border-right-color: rgba(255, 255, 255, 0.92) !important;
}

html.gn-touch-controls .ejs_dpad_horizontal::after {
  border-left-color: rgba(255, 255, 255, 0.92) !important;
}

html.gn-touch-controls .ejs_dpad_vertical::before {
  border-bottom-color: rgba(255, 255, 255, 0.92) !important;
}

html.gn-touch-controls .ejs_dpad_vertical::after {
  border-top-color: rgba(255, 255, 255, 0.92) !important;
}

html.gn-touch-controls
  .ejs_dpad_left_pressed
  .ejs_dpad_horizontal::before {
  border-right-color: #39ff14 !important;
}

html.gn-touch-controls
  .ejs_dpad_right_pressed
  .ejs_dpad_horizontal::after {
  border-left-color: #39ff14 !important;
}

html.gn-touch-controls .ejs_dpad_up_pressed .ejs_dpad_vertical::before {
  border-bottom-color: #39ff14 !important;
}

html.gn-touch-controls .ejs_dpad_down_pressed .ejs_dpad_vertical::after {
  border-top-color: #39ff14 !important;
}