.MemberCard {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(157, 167, 170, 0.16),
    0 14px 30px 0 rgba(157, 167, 170, 0.08);
          box-shadow: 0 4px 8px 0 rgba(157, 167, 170, 0.16),
    0 14px 30px 0 rgba(157, 167, 170, 0.08);
  border-radius: 16px;
  position: relative;
}

  .MemberCard-Inner {
    padding: var(--space-xl);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }

  @media screen and (max-width: 767px) {

  .MemberCard-Inner {
      padding-bottom: var(--space-m)
  }
    }

  .MemberCard_view_transparent {
      background-color: transparent;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
    }

  .MemberCard_view_ghost {
      background-color: transparent;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
    }

  .MemberCard_view_ghost .MemberCard-Inner {
        padding: 0;
      }

  .MemberCard_view_ghost .MemberCard-Socials {
        margin-top: var(--space-xl);
        padding-top: 0;
      }

  .MemberCard_view_ghost .MemberCard-SubTitle > * {
        min-height: auto;
      }

  .MemberCard_clicked {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .MemberCard_clicked:hover {
      -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.2),
        0 4px 8px 0 rgba(157, 167, 170, 0.3);
              box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.2),
        0 4px 8px 0 rgba(157, 167, 170, 0.3);
    }

  .MemberCard_clicked:hover .MemberCard-Title {
        color: var(--color-blue-primary-light);
      }

  .MemberCard_clicked:hover .MemberCard-Picture {
        opacity: 0.8;
      }

  .MemberCard_clicked:active .MemberCard-Title {
        color: var(--color-blue-primary-dark);
      }

  .MemberCard_clicked:active .MemberCard-Picture {
        opacity: 0.7;
      }

  .MemberCard_clicked .MemberCard-Socials {
      position: relative;
      z-index: 10;
    }

  .MemberCard-Link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
  }

  .MemberCard-Location {
    margin-top: -8px;
    margin-bottom: var(--space-m);
  }

  .MemberCard-Picture {
    margin-bottom: var(--space-m);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }

  .MemberCard-Title {
    margin-bottom: var(--space-xs);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .MemberCard-Title > * {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: inherit;
    }

  .MemberCard-SubTitle > * {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 2;
      min-height: var(--space-2xl);
      max-height: var(--space-2xl);
    }

  .MemberCard-Contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: var(--space-xs);
  }

  .MemberCard-Contacts > *:not(:last-child) {
      margin-bottom: var(--space-2xs);
    }

  .MemberCard-Socials {
    padding-top: var(--space-3xl);
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }

  @media screen and (max-width: 767px) {

  .MemberCard-Socials {
      padding-bottom: var(--space-xs)
  }
    }

  .MemberCard-Socials .Button:not(:first-child) {
      margin-left: var(--space-m);
    }
