/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.share-popup-btn {
  width: 100%; }

.sharing-popup {
  display: none; }
  .sharing-popup .social-sharing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px; }
    .sharing-popup .social-sharing .share {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      background-color: var(--night);
      font-size: 12px;
      border: 0;
      text-decoration: none; }
      @media (min-width: 981px) {
        .sharing-popup .social-sharing .share {
          width: 50px;
          height: 50px;
          border-radius: 15px;
          font-size: 14px; } }
      .sharing-popup .social-sharing .share.button-twitter {
        background-color: #59adeb; }
      .sharing-popup .social-sharing .share.button-linkedin {
        background-color: #0072B1; }
      .sharing-popup .social-sharing .share.button-facebook {
        background-color: #3c5a96; }
      .sharing-popup .social-sharing .share.button-whatsapp {
        background-color: #25d366; }

/*# sourceMappingURL=sharing-popup.css.map */