/* Diese Styles kannst du in deine globale styles.css oder in eine eigene tooltip.component.css-Datei packen */

.tooltip-arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  transform: rotate(45deg);
}

.arrow-top {
  top: -4px;
  left: calc(50% - 4px);
}

.arrow-right {
  right: -4px;
  top: calc(50% - 4px);
}

.arrow-bottom {
  bottom: -4px;
  left: calc(50% - 4px);
}

.arrow-left {
  left: -4px;
  top: calc(50% - 4px);
}