.nw-pdpdetails-share-enclose {
  position: relative;

  &:hover {
    @media screen and (min-width: $screen-min-sm) {
      .nw-pdpdetails-shareicons {
        display: flex !important;
      }
    }
  }
}

.nw-pdpdetails-share {
  color: $pdp-share-color;
}

.nw-pdpdetails-shareicons {
  position: absolute;
  top: 5px;
  left: 44px;
  justify-content: center;
  align-items: center;
  display: none;
  width: 125px;
  padding: 0 20px;
}

.nw-pdpdetails-fbshare {
  border: 0;
  color: $fb-logo-color;
}

.nw-pdpdetails-twittershare {
  margin-left: 7px;
  padding: 6px;
  color: $twitter-logo-color;
  text-decoration: none;
}

.nw-pdpdetails-whatsappshare {
  margin-left: 7px;
  padding: 6px;
  color: $favnshare-whatsapplogo-color;
  text-decoration: none;
}

.nw-pdpdetails-sharemobile {
  .nwc-modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    contain: layout;
  }

  .nwc-modal-children {
    padding: 0;
  }
}

.nw-pdpdetails-sharemobile-enclose {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nw-pdpdetails-sharemobileitem {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 0;
  border-bottom: 1px solid darken($concrete, 3);
  border-right: 1px solid darken($concrete, 3);
  width: 50%;
  height: 150px;
  padding: 0;
  text-decoration: none;

  &.disabled {
    opacity: 0.4 !important;
    border: 0 !important;
    border-bottom: 1px solid darken($concrete, 3) !important;
    border-right: 1px solid darken($concrete, 3) !important;
    pointer-events: none;
  }
}

.nw-pdpdetails-sharemobilelogo {
  font-size: $pdp-mobile-share-icon-size;

  &.fb {
    color: $fb-logo-color;
  }

  &.twitter {
    color: $twitter-logo-color;
  }

  &.pinterest {
    color: $pinterest-logo-color;
  }

  &.copy {
    color: $default-color;
  }

  &.whatsapp {
    color: $favnshare-whatsapplogo-color;
  }
}

.nw-pdpdetails-fbsharemobiletext {
  padding-top: 20px;
  font-size: $font-size-xxs;
  font-weight: 600;
  color: $default-color;
}