/* Social Login Buttons */

.social-login {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.btn-social {
  padding: 0.875rem 1rem;
  border-radius: var(--md-sys-shape-corner-small);
  font-size: var(--md-sys-typescale-body-medium-font-size);
  font-weight: var(--md-sys-typescale-label-large-font-weight);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

.btn-google {
  background-color: var(--md-sys-color-background);
  border: 2px solid var(--md-sys-color-outline);
  color: var(--md-sys-color-on-background);
}

.btn-google:hover {
  background-color: var(--md-sys-color-surface);
  border-color: var(--md-sys-color-on-surface-variant);
  transform: translateY(-1px);
}

.btn-github {
  background-color: #24292e;
  border: 2px solid #24292e;
  color: var(--md-sys-color-background);
}

.btn-github:hover {
  background-color: #1a1e22;
  transform: translateY(-1px);
}