.pcgh-header-vip {
	height: 34px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-radius: 999px;
	background: rgba(251,191,36,.1);
	border: 1px solid rgba(251,191,36,.18);
	color: #facc15;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap
}

.pcgh-header-vip:hover,
.pcgh-header-vip:focus-visible {
	background: rgba(251,191,36,.16);
	border-color: rgba(251,191,36,.32);
	color: #fde68a
}

.pcgh-header-vip :where(i[data-lucide],svg[data-lucide],svg.lucide) {
	width: 15px;
	height: 15px;
	min-width: 15px;
	fill: currentColor;
	color: currentColor
}

html[data-pcgh-theme-resolved="light"] .pcgh-header-vip {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #ea580c;
	box-shadow: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-header-vip:hover,
html[data-pcgh-theme-resolved="light"] .pcgh-header-vip:focus-visible {
	background: #ffedd5;
	border-color: #fdba74;
	color: #c2410c
}

@media (max-width: 768px) {
	.pcgh-header-vip {
		display: none
	}
}