.vds-sub {
	color: var(--muted);
	font-size: .95rem;
	margin-bottom: 14px;
}

.options-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	margin-bottom: 16px;
}

.opt {
	position: relative
}

.btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	border: 0;
	padding: 0;
}

.opt-btn {
	display: flex;
	align-items: center;
	gap: .55rem;
	width: 100%;
	border: 1px solid var(--border);
	background: var(--surface-2);
	color: var(--text);
	border-radius: .8rem;
	padding: .65rem .85rem;
	font-weight: 600;
	letter-spacing: .2px;
	box-shadow: none;
	transition: transform .08s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.opt-btn .ico {
	width: 1.15rem;
	height: 1.15rem;
	display: inline-grid;
	place-items: center;
	color: var(--muted);
}

.opt-btn:hover {
	transform: translateY(-1px);
	background: color-mix(in oklab, var(--surface-2) 85%, var(--brand) 15%);
	border-color: color-mix(in oklab, var(--border) 60%, var(--brand) 40%);
}

.btn-check:checked+.opt-btn {
	background: linear-gradient(180deg, color-mix(in oklab, var(--brand) 90%, #fff), var(--brand));
	color: #fff;
	border-color: var(--brand);
	box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 18%, transparent);
}

.btn-check:checked+.opt-btn .ico {
	color: #fff
}

.btn-primary-solid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	border: 0;
	border-radius: 12px;
	padding: .8rem 1rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(180deg, color-mix(in oklab, var(--brand) 90%, #fff), var(--brand));
	box-shadow: 0 10px 24px color-mix(in oklab, var(--brand) 20%, transparent);
	transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}

.btn-primary-solid:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
	box-shadow: 0 14px 28px color-mix(in oklab, var(--brand) 26%, transparent);
}