/* Google follow component 1.0.5. Compact header; mobile tiles only in footer. */
.cs-google-follow {
	--google-follow-bg: #fff;
	--google-follow-text: #242424;
	--google-follow-border: #d7d7d7;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
	font-family: inherit;
}
body[data-scheme="dark"] .cs-google-follow {
	--google-follow-bg: #1c1c1c;
	--google-follow-text: #f5f5f5;
	--google-follow-border: #646464;
}
.cs-google-follow__label {
	color: var(--google-follow-text);
	line-height: 1.5;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.cs-google-follow__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
}
.cs-google-follow a.cs-google-follow__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 34px;
	min-width: 0;
	max-width: 100%;
	padding: 6px 12px;
	border: 1px solid var(--google-follow-border);
	border-radius: 6px;
	background: var(--google-follow-bg);
	color: var(--google-follow-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}
.cs-google-follow a.cs-google-follow__button:hover {
	border-color: var(--google-follow-accent);
}
.cs-google-follow a.cs-google-follow__button:focus-visible {
	outline: 2px solid var(--google-follow-accent);
	outline-offset: 3px;
}
.cs-google-follow__button img {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	max-width: none;
	filter: none;
	margin: 0;
}
@media (max-width: 767px) {
	.cs-google-follow--footer { padding-top: 16px; border-top: 2px solid var(--google-follow-accent); }
	.cs-google-follow--footer .cs-google-follow__label { flex-basis: 100%; }
	.cs-google-follow--footer .cs-google-follow__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
	.cs-google-follow--footer .cs-google-follow__button span { display: flex; align-items: center; justify-content: center; min-height: 36px; text-align: center; }
	.cs-google-follow a.cs-google-follow__news-header { display: none; }
	.cs-google-follow--footer a.cs-google-follow__button { flex-direction: column; min-height: 88px; gap: 9px; padding: 10px 4px; font-size: 13px; }
	.cs-google-follow--header { container-type: inline-size; flex-wrap: nowrap; }
	.cs-google-follow--header .cs-google-follow__label { display: none; white-space: nowrap; }
	.cs-google-follow--header .cs-google-follow__actions { flex-wrap: nowrap; }
	.cs-google-follow--header a.cs-google-follow__button { padding: 6px 8px; font-size: 13px; white-space: nowrap; }
	@container (min-width: 540px) {
		.cs-google-follow--header .cs-google-follow__label { display: block; }
	}
}
