/* VELYON Theme — Google preferred-source button (v1.8.0)
   Markup: inc/preferred-source.php. Animated: a soft pulsing ring plus a
   light sweep. Both stop for visitors who ask for reduced motion (the global
   rule in tokens.css also shortens them). White pill on purpose: it reads as
   Google's own control in both dark and light mode. */

.vps-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 8px 18px 8px 12px;
	border-radius: 999px;
	background: #fff;
	color: #1f1f1f;
	font-family: var(--velyon-font-body);
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.2;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 0 0 0 2px var(--velyon-accent), 0 6px 20px rgba(0, 206, 45, .22);
	animation: vps-pulse 2.6s ease-in-out infinite;
}
.vps-btn:hover,
.vps-btn:focus-visible {
	color: #1f1f1f;
	box-shadow: 0 0 0 3px var(--velyon-accent-deep), 0 8px 26px rgba(0, 206, 45, .4);
	outline: none;
}
.vps-g {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.vps-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(100deg, transparent, rgba(0, 206, 45, .35), transparent);
	transform: skewX(-20deg);
	animation: vps-sweep 3.2s ease-in-out infinite;
	pointer-events: none;
}
@keyframes vps-sweep {
	0%, 55% { left: -60%; }
	100%    { left: 130%; }
}
@keyframes vps-pulse {
	0%, 100% { box-shadow: 0 0 0 2px var(--velyon-accent), 0 6px 20px rgba(0, 206, 45, .22); }
	50%      { box-shadow: 0 0 0 5px rgba(0, 206, 45, .32), 0 6px 26px rgba(0, 206, 45, .42); }
}
@media (prefers-reduced-motion: reduce) {
	.vps-btn,
	.vps-btn::after { animation: none; }
}

/* Compact: sits in the share row beside the circular icons. */
.vps-btn--compact {
	font-size: 13px;
	padding: 6px 16px 6px 10px;
}