/* 
 *
 * 视觉规格（与 Dart 弹层按钮对齐）：
 *   - 40px 高
 *   - 白底 + 1px 边框 `--color-auth-border` (#d5d7db)
 *   - 半径 20
 *   - 无阴影
 *   - 图标 20×20 + 标签
 *   - 14px 文字深色
 */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  width: 100%;
  height: var(--auth-social-button-height);
  padding: 0 var(--spacing-lg);
  border: 1px solid var(--color-auth-border);
  border-radius: var(--radius-xxl);
  background: var(--color-auth-surface);
  color: var(--color-auth-text-primary);
  font-size: var(--font-size-md);
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
}

.button:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.02);
}

.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.label {
  flex: 0 0 auto;
  text-align: center;
}
