sonic-qdf {
  --button-background-color: #000000;
  --button-background-color-hover: #000000;
  --button-border-radius: 50px;
  --button-color: #ffffff;
  --button-font-family: Poppins,sans-serif;
  --sonic-tooltip-label-color: var(--gray-50);
  --sonic-tooltip-label-position: absolute;
  --sonic-tooltip-label-bottom: -50px;
  --widget-background-color: rgba(0,0,0,0);
}

html {
  font-size: unset;
}

.sonic-qdf-custom-html {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 20px auto;
  min-height: 370px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .sonic-qdf-custom-html {
    margin: 40px auto;
    min-height: 100px;
  }
}