.social-connect {
  display: flex;

  .provider {
    width: 50%;
    border: 2px solid #ccc;
    padding: 10px;
    .border-radius(4px);
    margin-right: 10px;

    &:nth-child(2n) {
      margin-right: 0;
    }

    .logo {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;

      img {
        max-width: 80%;
        max-height: 100%;
      }
    }

    .actions {
      text-align: center;
    }
  }
}