.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;
}