.modula-ui-page-nav {
	background-color: var(--theme-palette-color-8, #fff);
	border-bottom: 1px solid var(--theme-border-color);
	display: flex;
	justify-content: center;
	gap: var(--theme-content-spacing);

	>a,
	>button {
		appearance: none;
		display: inline-flex;
		align-items: center;
		margin: 0;
		padding: 11px 3px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-sizing: content-box;
		box-shadow: none;
		color: var(--theme-text-color);
		cursor: pointer;
		font-family: inherit;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		text-decoration: none;

		&:hover,
		&:focus {
			color: var(--theme-text-color);
			box-shadow: none;
		}

		&:focus {
			outline: none;
		}

		&:focus-visible {
			outline: 2px solid var(--wp-admin-theme-color, currentColor);
			outline-offset: 2px;
		}

		&.is-active {
			font-weight: 500;
			border-bottom: 4px solid var(--wp-admin-theme-color);
		}
	}
}