.dm-modal--socialSharing {
  min-width: 320px;
}

.dm-socialSharing__listItem {
  height: 40px;
  flex-basis: 42px;
}

.dm-socialSharing__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.dm-socialSharing__itemLink {
  height: 100%;
  display: block;
  cursor: pointer;
}

.dm-socialSharing__itemLink--facebook {
  background: var(--facebookColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--facebookMessenger {
  background: var(--facebookMessengerColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--twitter {
  background: var(--twitterColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--whatsApp {
  background: var(--whatsAppColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--linkedIn {
  background: var(--linkedInColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--xing {
  background: var(--xingColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--telegram {
  background: var(--telegramColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--getPocket {
  background: var(--getPocketColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--copyLinkToClipboard {
  background: var(--copyLink) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--linkCopiedToClipboard {
  background: var(--checkMarkColor) no-repeat center center / contain;
}

.dm-socialSharing__itemLink--email {
  background: var(--brandColor);
  border-radius: 25px;
}

.dm-socialSharing__itemLink--email::before {
  content: "";
  mask:  var(--letter) no-repeat center center / 66%;
  -webkit-mask: var(--letter) no-repeat center center / 66%;
  width: 100%;
  height: 100%;
  background: var(--white);
  display: block;
  cursor: pointer;
}

@media (min-width: 768px) {
  .dm-socialSharing__listItem--mobile {
    display: none;
  }

  .dm-socialSharing__list {
    justify-content: flex-start;
  }
}