html,
body {
	width: 100%; 
	margin: 0;
	overflow-y: hidden;
}

body { 

	display: flex;
	align-items: center;
	justify-content: center;

	background: #000511;
}

.center_block {
	width: 300px;
	height: 300px; 
} 
.logo {
	display: block;
	position: relative; 
	top: 0; left: 0;
	width: 280px;
}
.google-login-button {
	width: 100%;
	max-width: 280px;
	min-height: 48px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;

	padding: 10px 18px;

	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 14px;

	background: #ffffff;
	color: #10131d;

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;

	cursor: pointer;

	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.25),
		0 0 0 rgba(69, 161, 255, 0);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
}

.google-login-button:hover {
	background: #f7f7f7;
	transform: translateY(-2px);

	box-shadow:
		0 14px 35px rgba(0, 0, 0, 0.3),
		0 0 24px rgba(69, 161, 255, 0.16);
}

.google-login-button:active {
	transform: translateY(0);
}

.google-login-button:focus-visible {
	outline: 3px solid rgba(64, 160, 255, 0.45);
	outline-offset: 4px;
}

.google-login-button__icon {
	width: 24px;
	height: 24px;

	display: flex;
	align-items: center;
	justify-content: center;

	flex-shrink: 0;
}

.google-login-button__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}