/*
 * Tlačidlá prihlásenia cez Google a LinkedIn (element social_login).
 *
 * Pôvodné `.login__social-button` má šírku 47 % — počítalo s dvoma odkazmi
 * vedľa seba. Tu je každé tlačidlo vo vlastnom formulári, takže šírku
 * dostáva formulár a tlačidlo ho vyplní. Funguje to aj s jediným
 * poskytovateľom.
 */
.login__social {
	gap: 6%;
}

.login__social-form {
	flex: 1 1 0;
	margin: 0;
}

.login__social .login__social-button {
	width: 100%;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Google: neutrálne biele tlačidlo podľa ich pravidiel značky. */
.button--google,
.button--google:focus {
	background-color: #fff;
	color: #3c4043;
	box-shadow: inset 0 0 0 1px #dadce0, 0 1px 2px rgba(0, 0, 0, 0.12);
}

.button--google:hover {
	background-color: #f8f9fa;
	color: #3c4043;
}

.button--linkedin:focus {
	background-color: #0678b5;
}

/* Na registrácii sú tlačidlá NAD formulárom — oddeliť ich od polí. */
.login__form--registration .login__social {
	margin-bottom: 30px;
}