.gg-yinyang {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(95deg) scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 4px;
    border: 2px solid;
    left: 0;
  }

  &::after {
    border: 2px solid transparent;
    right: 0;
    box-shadow: inset 0 0 0 4px, 0 -3px 0 1px, -2px -4px 0 1px, -8px -5px 0 -1px, -11px -3px 0 -2px, -12px -1px 0 -3px, -6px -6px 0 -1px;
  }
}