 position: relative;
    left: 20px;
  }

  .annotation-or-label.horizontal .tooltip-content:before {
    top: calc(50% - 9px);
    left: -9px;
    border-left: inherit;
    border-bottom: inherit;
  }

  .annotation-or-label.vertical .tooltip-content {
    position: relative;
    transform: translate(-50%, calc(-100% - 20px));
  }

  .annotation-or-label.vertical .tooltip-content:before {
    bottom: -10px;
    left: calc(50% - 9px);
    border-right: inherit;
    border-bottom: inherit;
  }
</style>

<div