/* ==================================================
	Component: Form SignIn Google Button

	Example Usage:
		<button class="form-signin-google-btn">
			<span>
				<svg width="18" height="18" viewBox="0 0 533.5 544.3">
					<path d="M533.5 278.4c0-17.4-1.6-34.1-4.7-50.4H272v95.5h146.9c-6.3 34.1-25 63-53.3 82.3v68.1h86.3c50.4-46.4 79.6-114.9 79.6-195.5z" fill="#4285F4"/>
					<path d="M272 544.3c71.6 0 131.6-23.7 175.5-64.4l-86.3-68.1c-24 16.1-54.8 25.7-89.2 25.7-68.7 0-127-46.3-148-108.7H36.2v68.4c43.6 86.4 133.3 147.1 235.8 147.1z" fill="#34A853"/>
					<path d="M124 321.8c-10-30-10-62.4 0-92.4v-68.4H36.2c-37.7 73.1-37.7 159.5 0 232.6L124 321.8z" fill="#FBBC05"/>
					<path d="M272 107.3c37.9-.6 74.5 13.1 102.5 37.5l76.8-76.8C403.5 24 343.5 0 272 0 169.5 0 79.8 60.7 36.2 147.1l87.8 68.4c21-62.4 79.3-108.2 148-108.2z" fill="#EA4335"/>
				</svg>
			</span> Sign in with Google
		</button>
================================================== */
.form-signin-google-btn {width: 100%;padding: 14px;background: linear-gradient(90deg, #2a2a2c, #3a3a3d);color: #fff;border: none;border-radius: 12px;font-size: 16px;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 10px;transition: all 0.3s;}
.form-signin-google-btn:hover {background: linear-gradient(90deg, #3a3a3c, #4a4a4d);}
.form-signin-google-btn svg {width: 18px;height: 18px;fill: #fff;}