.hdt-ourteam{
  .hdt-member {
    .hdt-member-inner{
      &:hover{
        .hdt-member-social_wrapper{
          opacity: 1;
        }
      }
      text-align: center;
      position: relative;
      .hdt-member-media{
        margin-bottom: 15px;
      }
      .hdt-member-social_wrapper{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 8px;
        padding-bottom: 30px;
        opacity: 0;
        transition: all 0.3s ease;
        background-color: rgb(var(--color-background,var(--color-base-background))/0.9);
        color: rgb(var(--color-foreground));
        @media (max-width: 768px){
          &{
            position: static;
            opacity: 1;
            padding: 0;
            margin-top: 10px;
            background-color: transparent;
          }
        }
        & a:hover{
          color: rgb(var(--color-accent));
        }
        svg{
          width: 18px;
          height: 18px;
          fill: currentColor;
          transition: all 0.3s ease;
        }
      }
    }
  }
}