Tooltip

.tooltip {
  display: flex;
  position: relative;
  z-index: 8;
  padding: 1rem;
  max-width: 25rem;
  background: $color-background;
  border-radius: $border-radius;
  box-shadow: 0 0 0.38rem 1px rgba($color-black, 0.2);

  &:before {
    content: '';
    position: absolute;
    top: -0.44rem;
    left: 1.06rem;
    width: 0;
    height: 0;
    border-bottom: 0.44rem solid $color-background;
    border-left: 0.44rem solid transparent;
    border-right: 0.44rem solid transparent;
    filter: drop-shadow(0 -0.19rem 1px rgba($color-black, 0.1));
  }
}