.elementor-widget-wcf--team{
  li {
    list-style: none;
    svg{
      width: 1em;
      height: 1em;
    }
  }

  .name a {
    transition: all 0.3s;
  }

  .thumb {
    display: block;
    line-height: 0;
    position: relative;
    overflow: hidden;
    img {
      margin: 0;
    }
  }

  .designation {
    color: #1C1D20;
    font-size: 14px;
  }

  .social-media {
    display: inline-flex;
    gap: 10px;
    a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: var(--icon-size,20px);
      line-height: var(--icon-size,20px);
      width: calc(var(--icon-size, 20px) + (2 * var(--icon-padding, 1px)));
      height: calc(var(--icon-size, 20px) + (2 * var(--icon-padding, 1px)));
      transition: all 0.3s;
    }
  }

  &.wcf-social-placement {
    &-bottom {
      .social-media {
        bottom: -30px;
        left: 0;
        width: 100%
      }

      .wcf--team:hover .social-media {
        bottom: 0;
      }
    }

    &-left {
      .social-media {
        left: -30px;
      }

      .wcf--team:hover .social-media {
        left: 0;
      }
    }

    &-right {
      .social-media {
        right: -30px;
      }

      .wcf--team:hover .social-media {
        right: 0
      }
    }

    &-center {
      .social-media {
        left: 50%;
        top: 60%;
        transform: translate(-50%, -50%);
      }

      .wcf--team:hover .social-media {
        top: 50%;
      }
    }

    &-left .social-media,
    &-right .social-media {
      height: 100%;
      flex-direction: column;
    }
  }

  .wcf--team {
    &.style {
      &-1 {

      }

      &-2 {
        .social-media{
          position: absolute;
          align-items: center;
          justify-content: center;
          padding: 20px;
          opacity: 0;
          visibility: hidden;
          transition: .5s;
        }
        &:hover .social-media{
          opacity: 1;
          visibility: visible;
        }
      }
    }
  }
}