.pdp_variants {
	margin: 12px 0 4px;
}

.pdp_variants__label {
	color: var(--color-deep-stage);
	margin-bottom: 8px;
	font-size: 13px;
}

.pdp_variants__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pdp_variants__btn {
	padding: 8px 14px;
	font-size: 14px;
	line-height: 1.2;
	cursor: pointer;
	background: var(--color-stage);
	color: var(--color-text-stage);
	border-color: var(--color-border) !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.pdp_variants__btn:hover {
	border-color: var(--color-prime) !important;
}

.pdp_variants__btn.is-active {
	border-color: var(--color-prime) !important;
	background: color-mix(in srgb, var(--color-prime) 12%, var(--color-stage));
	color: var(--color-text-stage);
}

.pdp_variants__btn:focus-visible {
	outline: 2px solid var(--color-prime);
	outline-offset: 2px;
}