.hkd-svg-icon-code-widget {
  display: flex;
  width: 100%;
}

.hkd-svg-icon-code-icon {
  color: #afca0b;
  display: inline-flex;
  line-height: 0;
  --hkd-svg-icon-code-offset-x: 0px;
  --hkd-svg-icon-code-offset-y: 0px;
}

.hkd-svg-icon-code-widget--circle .hkd-svg-icon-code-icon {
  align-items: center;
  background-color: #afca0b;
  border-radius: 50%;
  box-sizing: border-box;
  height: 140px;
  justify-content: center;
  width: 140px;
}

.hkd-svg-icon-code-icon svg {
  color: inherit;
  display: block;
  fill: none;
  height: auto;
  margin: 0 !important;
  max-width: 100%;
  stroke: none;
  transform: translate(var(--hkd-svg-icon-code-offset-x), var(--hkd-svg-icon-code-offset-y)) !important;
  transform-origin: center center !important;
  width: 80px;
}

.hkd-svg-icon-code-icon svg * {
  color: currentColor;
}

.hkd-svg-icon-code-icon svg[stroke]:not([stroke="none"]),
.hkd-svg-icon-code-icon svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

.hkd-svg-icon-code-icon svg[fill]:not([fill="none"]),
.hkd-svg-icon-code-icon svg [fill]:not([fill="none"]),
.hkd-svg-icon-code-icon svg text {
  fill: currentColor !important;
}