/* Stacked: one button under the other (the default). */
.wp-block-academy-social-login .academy-social-login {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
}

/* Side by side: buttons share a row and wrap on small screens. */
.wp-block-academy-social-login.is-style-side-by-side .academy-social-login {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.wp-block-academy-social-login.is-style-side-by-side .academy-social-login__divider,
.wp-block-academy-social-login.is-style-side-by-side .academy-social-login__status {
	flex-basis: 100%;
}

.wp-block-academy-social-login.is-style-side-by-side .academy-social-login__facebook,
.wp-block-academy-social-login.is-style-side-by-side .academy-social-login__google {
	flex: 1 1 200px;
}