/* ReadyGo Social Login — buttons. */
.rgt-sl { margin: 16px 0; }
.rgt-sl__divider {
	display: flex; align-items: center; text-align: center;
	color: #6b7280; font-size: 13px; margin: 14px 0;
}
.rgt-sl__divider::before,
.rgt-sl__divider::after {
	content: ""; flex: 1; height: 1px; background: rgba(0, 0, 0, .12);
}
.rgt-sl__divider span { padding: 0 12px; }
.rgt-sl__buttons { display: flex; flex-direction: column; gap: 10px; }
.rgt-sl__btn {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%; box-sizing: border-box;
	padding: 11px 16px; min-height: 44px;
	background: var(--rgtsl-bg, #333); color: var(--rgtsl-fg, #fff) !important;
	border: 1px solid rgba(0, 0, 0, .12); border-radius: 8px;
	font-size: 15px; font-weight: 600; line-height: 1;
	text-decoration: none !important; cursor: pointer;
	transition: filter .15s ease, box-shadow .15s ease, transform .05s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
}
.rgt-sl__btn:hover { filter: brightness(.97); box-shadow: 0 3px 8px rgba(0, 0, 0, .12); }
.rgt-sl__btn:active { transform: translateY(1px); }
.rgt-sl__btn--google { border-color: #dadce0; }
.rgt-sl__ico { display: inline-flex; align-items: center; }
.rgt-sl__ico svg { display: block; }
.rgt-sl__txt { white-space: nowrap; }

/* Icon-only style */
.rgt-sl--icon .rgt-sl__buttons { flex-direction: row; justify-content: center; }
.rgt-sl--icon .rgt-sl__btn { width: 48px; height: 48px; min-height: 0; padding: 0; border-radius: 50%; }
.rgt-sl--icon .rgt-sl__txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Fit nicely on the wp-login.php screen */
#loginform .rgt-sl, .login .rgt-sl { margin-top: 18px; }