/* the "Buy a print or tile" button, at the top middle of whichever picture viewer is open */
.vbs-buy {
	position: fixed;
	top: max(12px, env(safe-area-inset-top));
	left: 50%;
	transform: translateX(-50%);
	z-index: 2147483000;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px 10px 14px;
	border-radius: 999px;
	font: 600 15px/1 "Alegreya", Georgia, serif;
	letter-spacing: .01em;
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(120deg, #ee7a1c, #e2487a);
	box-shadow: 0 6px 22px rgba(0, 0, 0, .35);
	white-space: nowrap;
	transition: transform .2s, box-shadow .2s;
}
.vbs-buy:hover, .vbs-buy:focus-visible { transform: translateX(-50%) translateY(-1px); box-shadow: 0 10px 28px rgba(0, 0, 0, .45); outline: none; }
.vbs-buy svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
@media (max-width: 520px) { .vbs-buy { font-size: 14px; padding: 9px 14px 9px 12px; } }