/**
 * @file
 * Social Auth styles for the RRC theme.
 */

.a-social-auth {
  display: none;
  margin-block-start: 2rem;
  padding-block-start: 2rem;
}

.social-auth.auth-link {
  display: inline-flex;
  align-items: center;
  color: currentColor;
  gap: 1em;
  border: 1px solid currentColor;
  padding: .25em 1em;
  .auth-icon {
    width: 2em;
    margin: 0;
  }
}

.social-auth.auth-link:hover {
  color: var(--clr-white);
  background-color: var(--clr-black);
}