.popover-content {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s visibility, 0.2s opacity;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  &:before {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    padding: 1px;
    border-radius: 6px;
    background: linear-gradient(105.02deg, rgba(var(--pink-light)) 21.15%, rgba(136, 35, 153, 0) 103.71%);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    z-index: -1;
  }
}

[popover]:popover-open + .popover-content, .popover-content:focus-within, .popover-content:hover {
  visibility: visible;
  opacity: 1;
}

[popover] + .popover-content {
  visibility: hidden;
  opacity: 0;
}

.share-link:last-child .popover-content {
  top: -6rem;
}