.tooltip-wrapper {
  @apply relative;

  .tooltip {
    @apply hidden absolute bottom-0 pt-4 z-10;

    width: 250px;
    transform: translateY(100%);
  }

  &:hover {
    .tooltip {
      @apply block;
    }
  }
}