.wheelStyle {
  width: 100%;
  position: relative;
}
.wheelContent {
  & > div {
    width: 100% !important;
    height: 100% !important;
    & > canvas {
      position: relative;
      width: 100% !important;
      height: 100% !important;
      transform: scale(1) !important;
    }
  }
}
.wheelStyle:after {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 100%;
  content: '';
}
.wheelContent > .theWheelStartBtn.theWheelStartBtn {
    position:absolute;
    width:30% !important;
    height: 30% !important;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
}