@use 'apps/dashboard/src/variables' as *;

.login_social {
  margin-top: rhythm(3);
  .login_separator {
    align-items: center;
    display: flex;
    margin-bottom: rhythm(4);
    span {
      padding: 0 rhythm(2);
    }
    &::before,
    &::after {
      background-color: $color-neutral-regular;
      content: '';
      flex: 1 1 auto;
      height: 1px;
    }
  }

  .sso-container {
    display: flex;
    flex-direction: column;
    gap: rhythm(1);
  }
}
