.wp-block-tabs {
	border-radius: var(--wp--preset--border-radius--md, 0.5rem);
}

.wp-block-tabs .wp-block-tabs-menu,
.wp-block-tabs .wp-block-tab-list {
	border-bottom: 0;
	gap: var(--wp--preset--spacing--small);
}

.wp-block-tabs .wp-block-tabs-menu-item,
.wp-block-tabs .wp-block-tab {
	background: transparent;
	border: var(--gf-button-border-width, 0) solid var(--gf-button-border-color, transparent);
	border-radius: var(--gf-button-border-radius, 999px);
	box-shadow: var(--gf-button-box-shadow, none);
	color: currentColor;
	font-size: var(--gf-button-font-size, var(--wp--preset--font-size--x-small));
	font-weight: 600;
	padding: var(--gf-button-padding, var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--base));
	transition:
		background-color 200ms ease,
		border-color 200ms ease,
		box-shadow 200ms ease,
		color 200ms ease;
}

.wp-block-tabs .wp-block-tabs-menu-item[aria-selected="true"]::before,
.wp-block-tabs .wp-block-tabs-menu-item.is-active::before,
.wp-block-tabs .wp-block-tab[aria-selected="true"]::before,
.wp-block-tabs .wp-block-tab.is-active::before {
	display: none;
}

.wp-block-tabs .wp-block-tabs-menu-item:hover,
.wp-block-tabs .wp-block-tab:hover,
.wp-block-tabs .wp-block-tabs-menu-item[aria-selected="true"],
.wp-block-tabs .wp-block-tabs-menu-item.is-active,
.wp-block-tabs .wp-block-tab[aria-selected="true"],
.wp-block-tabs .wp-block-tab.is-active {
	background-color: var(--gf-button-background-color, var(--wp--preset--color--primary));
	color: var(--gf-button-text-color, var(--wp--preset--color--base));
}

.wp-block-tabs .wp-block-tabs-menu-item[aria-selected="true"]:hover,
.wp-block-tabs .wp-block-tabs-menu-item.is-active:hover,
.wp-block-tabs .wp-block-tab[aria-selected="true"]:hover,
.wp-block-tabs .wp-block-tab.is-active:hover {
	background-color: var(--gf-button-background-hover-color, var(--wp--preset--color--primary-alt));
	color: var(--gf-button-text-hover-color, var(--wp--preset--color--base));
}

@media (max-width: 800px) {
	.wp-block-tabs .wp-block-tabs-menu,
	.wp-block-tabs .wp-block-tab-list {
		flex-wrap: wrap;
	}
}