/*=======================
=      Share Buttons    =
========================*/
.elementor-widget-neuron-share-buttons {
  display: flex;

  .elementor-widget-container {
    width: 100%;

    .a-neuron-share-buttons {
      .a-neuron-share-buttons__item {
        height: 2.75em;

        .a-neuron-share-button {
          display: flex;
          align-items: center;
          height: 100%;
          overflow: hidden;
          cursor: pointer;
          transition: 0.3s all;
          color: #fff;
          font-size: 1.4rem;
          width: 100%;

          @include social-media-color("background-color");

          &__icon {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            width: 2.75em;
            color: #fff;
          }

          &__text {
            display: flex;
            align-self: stretch;
            align-items: center;

            padding: 0 15px;
            font-weight: 600;
            color: #fff;

            background-image: linear-gradient(
              90deg,
              rgba(0, 0, 0, 0.1),
              transparent
            );
          }
        }
      }
    }
  }

  // Desktop
  &.a-neuron-share-buttons-wrapper {
    &--align-left {
      .a-neuron-share-buttons {
        justify-content: flex-start;
      }
    }

    &--align-center {
      .a-neuron-share-buttons {
        justify-content: center;
      }
    }

    &--align-right {
      .a-neuron-share-buttons {
        justify-content: flex-end;
      }
    }

    &--align-justify {
      .a-neuron-share-buttons {
        justify-content: space-between;
      }
    }
  }

  // Tablet
  @media (max-width: $screen-md-max) {
    &.a-neuron-share-buttons-wrapper-tablet {
      &--align-left {
        .a-neuron-share-buttons {
          justify-content: flex-start;
        }
      }

      &--align-center {
        .a-neuron-share-buttons {
          justify-content: center;
        }
      }

      &--align-right {
        .a-neuron-share-buttons {
          justify-content: flex-end;
        }
      }

      &--align-justify {
        .a-neuron-share-buttons {
          justify-content: space-between;
        }
      }
    }
  }

  // Mobile
  @media (max-width: $screen-sm-max) {
    &.a-neuron-share-buttons-wrapper-mobile {
      &--align-left {
        .a-neuron-share-buttons {
          justify-content: flex-start;
        }
      }

      &--align-center {
        .a-neuron-share-buttons {
          justify-content: center;
        }
      }

      &--align-right {
        .a-neuron-share-buttons {
          justify-content: flex-end;
        }
      }

      &--align-justify {
        .a-neuron-share-buttons {
          justify-content: space-between;
        }
      }
    }
  }

  // Skin
  &.a-neuron-share-buttons-skin {
    &--minimal {
      .a-neuron-share-button {
        &__text {
          background-image: none !important;
          background-color: #fff !important;
          color: #000 !important;
        }
      }
    }
    &--framed {
      .a-neuron-share-button {
        @include social-media-color("color", "!important");
        background-color: transparent !important;
        border-style: solid;
        border-width: 2px;

        &__icon {
          color: inherit !important;
        }

        &__text {
          background-image: none !important;
          background-color: inherit !important;
          color: inherit !important;
          padding-left: 0 !important;
        }
      }
    }

    &--boxed-icon {
      .a-neuron-share-button {
        @include social-media-color("color", "!important");
        border-style: solid;
        border-width: 2px;

        &__text {
          background-image: none !important;
          background-color: #fff !important;
          color: inherit !important;
        }
      }
    }

    &--flat {
      .a-neuron-share-button {
        &__text {
          background-image: none !important;
          padding-left: 0 !important;
        }
      }
    }
  }

  // Shape
  &.a-neuron-share-buttons-shape {
    &--rounded {
      .a-neuron-share-button {
        border-radius: 0.5em;
      }
      &.a-neuron-share-buttons-skin--minimal {
        .a-neuron-share-button {
          border-radius: 0 !important;
          background-color: transparent !important;

          @include social-media-color(
            "background-color",
            "!important",
            "a-neuron-share-button__icon"
          );

          &__icon {
            border-radius: 0.5em;
          }
        }
      }
    }

    &--circle {
      .a-neuron-share-button {
        border-radius: 2em;
      }

      &.a-neuron-share-buttons-skin--minimal {
        .a-neuron-share-button {
          border-radius: 0 !important;
          background-color: transparent !important;

          @include social-media-color(
            "background-color",
            "!important",
            "a-neuron-share-button__icon"
          );

          &__icon {
            border-radius: 2em;
          }
        }
      }
    }
  }
}
