.wp-block-button.wc-block-components-product-button {
	word-break: break-word;
	white-space: normal;
	margin-top: 0;
	margin-bottom: $gap-small;

	.wc-block-components-product-button__button {
		border-style: none;
		display: inline-flex;
		font-family: inherit;
		font-weight: inherit;
		justify-content: center;
		margin: 0 auto;
		white-space: normal;
		word-break: break-word;
	}

	.wc-block-components-product-button__button--placeholder {
		@include placeholder();
		min-width: 8em;
		min-height: 3em;
	}
}

.is-loading .wc-block-components-product-button > .wc-block-components-product-button__button {
	@include placeholder();
	min-width: 8em;
	min-height: 3em;
}

.theme-twentytwentyone {
	// Prevent buttons appearing disabled in the editor.
	.editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link {
		background-color: var(--button--color-background);
		color: var(--button--color-text);
		border-color: var(--button--color-background);
	}
}

.wp-block-button.wc-block-components-product-button[data-is-descendent-of-query-loop="true"] {
	text-align: center;
}
