/* Button size override */
.controls_bottom.large-btn #controls_bottom_left,
.controls_bottom.large-btn #controls_bottom_center,
.controls_bottom.large-btn #controls_bottom_right {
  width: auto !important;
  height: 45px !important;
}

/* Keep the corner controls clear of the viewport edge. The !important value
   also wins over the inline closed-state position written by older index.js. */
#controls_bottom_left,
#controls_bottom_right {
  bottom: 34px !important;
}

.controls_bottom.large-btn .controls_btn,
.controls_bottom.large-btn .controls_arrows i,
.controls_bottom.large-btn .voice_control,
.controls_bottom.large-btn #skitt-ui,
.controls_bottom.large-btn #skitt-toggle-button,
.controls_bottom.large-btn #skitt-listening-box{
  width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
  font-size: 30px !important;
}