/* 企业微信登录按钮样式 */

/* 企业微信品牌绿色按钮 */
.wxwork-login-btn,
.btn-wxwork-login {
  background-color: #07C160 !important;
  border-color: #07C160 !important;
  color: #ffffff !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 10px 20px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.wxwork-login-btn:hover,
.btn-wxwork-login:hover {
  background-color: #06AD56 !important;
  border-color: #06AD56 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(7, 193, 96, 0.35);
  transform: translateY(-1px);
}

.wxwork-login-btn:active,
.btn-wxwork-login:active {
  background-color: #059A4C !important;
  border-color: #059A4C !important;
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(7, 193, 96, 0.25);
}

/* 图标样式 */
.wxwork-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.wxwork-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  vertical-align: middle;
}

/* 社交登录区域中的企业微信按钮 */
.social-login-button.wxwork-login-btn {
  width: 100%;
  margin-bottom: 8px;
  font-size: 14px;
  letter-spacing: 0.5px;
}

/* 登录页面分隔线与布局协调 */
.login-content .social-login-section {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e8e8e8;
}

/* 企业微信按钮聚焦态 */
.wxwork-login-btn:focus,
.btn-wxwork-login:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(7, 193, 96, 0.3);
}