.toggle-group {
	display: flex;
	justify-content: center;
	margin-bottom: 18px;
}

.toggle-group input[type="radio"] {
	display: none; /* hide native radios */
}

.toggle-group label {
	--_radius: 0.75rem;
	padding: 0.75rem 1.5rem;
	cursor: pointer;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	font-weight: 500;
	transition: all 0.2s ease;
	align-content: center;
	text-align: center;
}

.toggle-group label:first-of-type {
	border-top-left-radius: var(--_radius);
	border-bottom-left-radius: var(--_radius);
}

.toggle-group label:last-of-type {
	border-top-right-radius: var(--_radius);
	border-bottom-right-radius: var(--_radius);
}

.toggle-group input[type="radio"]:checked + label {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--primary);
}

[data-block] {
	display: none;
}