.wp-block-page-list {
	&.is-style-child-pages {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
		gap: 1rem;
		inline-size: 100%;
		margin-inline: auto;
		padding-inline-start: 0;
		list-style: none;

		.wp-block-navigation__submenu-container {
			display: none;
		}

		.wp-block-pages-list__item {
			position: relative;
		}

		.wp-block-pages-list__item__link {
			position: relative;
			z-index: 1;
			display: block;
			padding-block: 1.5rem;
			padding-inline: 2rem;
			overflow: hidden;
			color: var(--wp--preset--color--primary);
			line-height: 1;
			text-decoration: none;
			border-block-width: 1px;
			border-block-style: solid;
			border-block-color: var(--wp--preset--color--primary);
			border-inline-width: 1px;
			border-inline-style: solid;
			border-inline-color: var(--wp--preset--color--primary);
			border-radius: var(--wp--preset--border-radius--medium);
			transition-property: opacity;
			transition-duration: 0.3s;
			transition-timing-function: ease;

			@media (width <= 781px) {
				padding-block: 1rem;
				padding-inline-start: 2rem;
				padding-inline-end: 4rem;
			}

			ion-icon {
				position: absolute;
				inset-block-start: 50%;
				inset-inline-end: 1.5rem;
				color: inherit;
				font-size: var(--wp--preset--font-size--lg);
				transform: translateY(-50%);
			}

			&:hover {
				opacity: 0.7;
			}
		}
	}
}