/* Desktop-Ausrichtung (≥768px) */
@media (min-width: 768px) {
  .nso-linkedin-share-wrapper.desktop-left  { text-align: left; }
  .nso-linkedin-share-wrapper.desktop-center{ text-align: center; }
  .nso-linkedin-share-wrapper.desktop-right { text-align: right; }
}

/* Mobile-Ausrichtung (<768px) */
@media (max-width: 767px) {
  .nso-linkedin-share-wrapper.mobile-left   { text-align: left; }
  .nso-linkedin-share-wrapper.mobile-center { text-align: center; }
  .nso-linkedin-share-wrapper.mobile-right  { text-align: right; }
}

/* Button-Grundstil */
.nso-linkedin-share-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

/* Bildgrößen: Höhe 30px, Breite auto */
.nso-linkedin-share-button picture,
.nso-linkedin-share-button picture img {
  height: 30px;
  width: auto;
}

/* Übergänge */
.nso-linkedin-share-button {
  transition: transform 0.2s ease-in-out;
}

/* --- Sheen-Band: schmaler & auf Button-Höhe beschränkt --- */
.nso-linkedin-share-button {
  position: relative;
  overflow: hidden;
}

.nso-linkedin-share-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;              /* außerhalb links starten */
  width: 50%;              /* schmaler Streifen */
  height: 100%;            /* genau Button-Höhe */
  background: rgba(255,255,255,0.6);
  transform: skewX(-25deg);
  opacity: 0;
}

/* Desktop: Hover → Glanz-Animation + Scale 1.1 */
@media (min-width: 768px) {
  .nso-linkedin-share-button:hover {
    transform: scale(1.1);
  }
  .nso-linkedin-share-button:hover::before {
    opacity: 1;
    animation: sheen 0.8s ease-in-out forwards;
  }
}

/* Mobil: nur leichter Scale, kein Glanz */
@media (max-width: 767px) {
  .nso-linkedin-share-button:hover {
    transform: scale(1.05);
  }
}

/* Sweep: von links ganz nach rechts außen */
@keyframes sheen {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}