.reportback__permalink {
  .header {
    > .wrapper {
      text-align: left;
    }
  }

  .container {
    &.-purple {
      background: $purple;
    }
  }

  .card__column > .wrapper {
    @include media($tablet) {
      display: table;
      border-collapse: collapse;
    }
  }

  .cta.-share {
    border-top: none;

    @include media($tablet) {
      display: table-footer-group;
      border-top: 2px solid $light-gray;
    }

    .social-icon {
      padding: $base-spacing / 2;

      @include media($tablet) {
        padding: $base-spacing;
      }
    }
  }
}

//@TODO - Move to Neue as a modifier for the cta pattern
.cta.-share {
  padding: 0px;

  > .wrapper {
    padding-bottom: 0px;
  }

  li {
    float: left;
    @include span(2 of 6);
    text-align: center;

    &:hover {
      background: $blue;
      cursor: pointer;

      .social-icon {
        color: $white;
      }
    }

    .social-icon {
      display: block;
      color: $med-gray;
      padding: $base-spacing;

      &:hover {
        color: $white;
      }

      &:after {
        font-size: 36px;
      }
    }
  }
}

.reportback__permalink {
  .header {
    > .wrapper {
      text-align: left;
    }
  }

  .container {
    &.-purple {
      background: $purple;
    }
  }

  .card {
    height: 100%;
  }

  .card__column {
    height: 100%;

    > .wrapper {
      height: 100%;

      @include media($tablet) {
        display: table;
        border-collapse: collapse;
      }
    }
  }

  .cta.-share {
    border-top: none;

    @include media($tablet) {
      display: table-footer-group;
      border-top: 2px solid $light-gray;
    }

    .social-icon {
      padding: $base-spacing / 2;

      @include media($tablet) {
        padding: $base-spacing;
      }
    }
  }
}

//@TODO - Move to Neue as a modifier for the cta pattern
.cta.-share {
  padding: 0px;

  > .wrapper {
    padding-bottom: 0px;
  }

  li {
    float: left;
    @include span(2 of 6);
    text-align: center;

    &:hover {
      background: $blue;
      cursor: pointer;

      .social-icon {
        color: $white;
      }
    }

    .social-icon {
      display: block;
      color: $med-gray;
      padding: $base-spacing;

      &:hover {
        color: $white;
      }

      &:after {
        font-size: 36px;
      }
    }
  }
}

Set height of the card__column wrapper to 100%
Set height of the card__column wrapper to 100%
