.member-card {
  @include grid-row;
  padding: $gap*2;
  justify-content: space-between;

  .member-card__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .member-card__heading {
    margin: 0;
    @include h2;
  }

  .member-card__input {
    margin: 0;
    display: flex;
    margin-top: $gap;
    fieldset {
      margin: 0;
    }

    legend {
      flex: none;
      margin-top: $gap*1.5;
      margin-right: $gap*2;
    }
  }


  .member-card__details {
    text-align: right;

    .icon-link {
      margin: 0 -$gap;
    }

    dl {
      margin: 0;

      > div {
        margin-bottom: $gap;
      }
    }

    dt {
      font-weight: normal;
      color: $color-gray;
    }

    dd {
      display: inline;
    }
  }
}
