.nb-link-preview__wrapper {
  display: inline-block;
  width: fit-content;
  position: relative;
  overflow: visible;
  text-decoration: none;
}
.nb-link-preview__text {
    transition: color var(--link-hover-duration) var(--link-hover-easing);
}
.nb-link-preview__text:hover {
    color: var(--link-hover-color);
}

.nb-link-preview__image {
  position: absolute;
  transform-origin: bottom;

  left: calc(50% - var(--width) / 2);
  min-width: var(--width);
  height: var(--height);
  overflow: hidden;
  opacity: 0;
  
  transition: opacity var(--fade-duration) var(--fade-easing), bottom var(--transform-duration) var(--transform-easing);

  pointer-events: none;
  user-select: none;
}
.nb-link-preview__text:hover + .nb-link-preview__image {
    opacity: 1;
}