.social-sharing-buttons__popup {
 
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15.5rem;         
  z-index: 2000;


  background: #1a0e2d;
  color: #fff;
  padding: 1rem 3rem;
  border-radius: 10px;
  font-size: 1.125rem;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgb(0 0 0 / .25);

  /*     behaviour     */
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease-in-out;
}

.social-sharing-buttons__popup.is-visible { opacity: 1; }