.wp-block-buttons {
	--wp--style--block-gap: 1rem;

	// 詳細度高くする( .wp-container-{id}が遅めに読み込まれるので )
	&.wp-block-buttons {
		gap: var(--wp--style--block-gap); // 5.9からフロントでもgapが使われるのでそれに揃える
	}

	.wp-block-button {
		display: block;
		margin: 0;
		padding: 0;
	}

	// 古いwpバージョンではまだalign使われていた
	// &.aligncenter {justify-content: center;}
	// &.alignright {justify-content: flex-end;}
}

//WPコアのボタンブロック
.wp-block-button {

	&:not(.is-style-outline) {

		.wp-block-button__link:not(.has-text-color) {
			color: #fff;
		}
	}
}

.wp-block-button__link {
	min-width: 8rem;
	padding: 1em 1.5em;
	font-size: inherit; // コア側で 1.125em にされる
	line-height: 1;
	background-color: var(--ark-color--main);
	transition: opacity .25s;

	.is-style-outline > & {
		border-width: 1px;

		&:not(.has-text-color) {
			color: var(--ark-color--main);
		}
	}

	&:hover {
		opacity: .75;
	}
}