.social-auth-block { margin-top: 20px; }
.social-auth-separator { display: flex; align-items: center; gap: 12px; margin: 17px 0; color: #728096; font-size: .82rem; text-transform: uppercase; }
.social-auth-separator::before,.social-auth-separator::after { content: ""; height: 1px; flex: 1; background: #d4deeb; }
.social-auth-buttons { display: grid; gap: 10px; }
.social-auth-button { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; width: 100%; min-height: 46px; box-sizing: border-box; padding: 8px 13px; border: 1px solid #becbdc; border-radius: 9px; color: #172640; background: #fff; font: inherit; font-weight: 750; text-align: left; text-decoration: none; cursor: pointer; }
.social-auth-button:hover:not(.is-disabled) { border-color: #087cf0; box-shadow: 0 0 0 3px rgba(8,124,240,.12); }
.social-auth-button.is-disabled { opacity: .62; cursor: not-allowed; }
.social-auth-button small { color: #718096; font-size: .7rem; font-weight: 650; }
.social-auth-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; font-weight: 900; }
.social-auth-google .social-auth-mark { color: #4285f4; background: #f3f7ff; }
.social-auth-linkedin .social-auth-mark { color: #fff; background: #0a66c2; }
.social-auth-facebook .social-auth-mark { color: #fff; background: #1877f2; }
.social-auth-legal { margin: 12px 0 0; color: #687890; font-size: .74rem; line-height: 1.45; text-align: center; }
.social-auth-legal a { font-weight: 700; }
body.theme-night .social-auth-separator { color: #92a4bd; }
body.theme-night .social-auth-separator::before,body.theme-night .social-auth-separator::after { background: #35455b; }
body.theme-night .social-auth-button { border-color: #40536e; color: #edf4ff; background: #0b1321; }
body.theme-night .social-auth-button small,body.theme-night .social-auth-legal { color: #9eb0c8; }