.squatch-container-hosted,
.squatch-container-mobile {
  .squatch-header-close,
  .squatch-actions,
  [data-close-panel] {
    display: none;
  }

  // Show `No Referrals Yet...` when no referrals in embed mode
  .squatch-actions[data-referrals="0"][data-referrals="0"] {
    display: block;
  }

  .fbMobile {
    display: none;
    @media (max-width: @screen-sm-max) {
      display: block;
    }
  }

  .fbShare {
    @media (max-width: @screen-sm-max) {
      display: none;
    }
  }

  .twMobile {
    display: none;
    @media (max-width: @screen-sm-max) {
      display: block;
    }
  }

  .fbShare {
    @media (max-width: @screen-sm-max) {
      display: none;
    }
  }
}

.squatch-container-hosted,
.squatch-container-mobile {
  .squatch-header-close,
  .squatch-actions,
  [data-close-panel] {
    display: none;
  }

  // Show `No Referrals Yet...` when no referrals in embed mode
  .squatch-actions[data-referrals="0"][data-referrals="0"] {
    display: block;
  }

  .fbMobile {
    display: none;

    &.mobile-and-desktop,
    &.mobile-only {
      @media (max-width: @screen-sm-max) {
        display: block;
      }
    }

    &.hidden,
    &.desktop-only {
      @media (max-width: @screen-sm-max) {
        display: none;
      }
    }
  }

  .fbShare {
    @media (max-width: @screen-sm-max) {
      display: none;
    }
  }

  .twMobile {
    display: none;

    &.mobile-and-desktop,
    &.mobile-only {
      @media (max-width: @screen-sm-max) {
        display: block;
      }
    }

    &.hidden,
    &.desktop-only {
      @media (max-width: @screen-sm-max) {
        display: none;
      }
    }
  }

  .twShare {
    @media (max-width: @screen-sm-max) {
      display: none;
    }
  }
}

Add display rules for buttons in hosted widget
Add display rules for buttons in hosted widget
