.wp-block-button.wc-block-components-product-button {
			align-items: center;
			display: flex;
			flex-direction: column;
			gap: 12px;
			justify-content: center;
			white-space: normal;
			word-break: break-word
		}

		.wp-block-button.wc-block-components-product-button.is-style-outline .wp-block-button__link {
			border: 2px solid
		}

		.wp-block-button.wc-block-components-product-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
			color: currentColor
		}

		.wp-block-button.wc-block-components-product-button.is-style-outline .wp-block-button__link:not(.has-background) {
			background-color: transparent;
			background-image: none
		}

		.wp-block-button.wc-block-components-product-button.has-custom-width .wp-block-button__link {
			box-sizing: border-box
		}

		.wp-block-button.wc-block-components-product-button.wp-block-button__width-25 .wp-block-button__link {
			width: 25%
		}

		.wp-block-button.wc-block-components-product-button.wp-block-button__width-50 .wp-block-button__link {
			width: 50%
		}

		.wp-block-button.wc-block-components-product-button.wp-block-button__width-75 .wp-block-button__link {
			width: 75%
		}

		.wp-block-button.wc-block-components-product-button.wp-block-button__width-100 .wp-block-button__link {
			width: 100%
		}

		.wp-block-button.wc-block-components-product-button .wp-block-button__link {
			display: inline-flex;
			font-size: 1em;
			justify-content: center;
			text-align: center;
			white-space: normal;
			width: auto;
			word-break: break-word
		}

		.wp-block-button.wc-block-components-product-button a[hidden] {
			display: none
		}

		@keyframes slideOut {
			0% {
				transform: translateY(0)
			}

			to {
				transform: translateY(-100%)
			}
		}

		@keyframes slideIn {
			0% {
				opacity: 0;
				transform: translateY(90%)
			}

			to {
				opacity: 1;
				transform: translate(0)
			}
		}

		.wp-block-button.wc-block-components-product-button.align-left {
			align-items: flex-start
		}

		.wp-block-button.wc-block-components-product-button.align-right {
			align-items: flex-end
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
			align-items: center;
			border-style: none;
			display: inline-flex;
			justify-content: center;
			line-height: inherit;
			overflow: hidden;
			white-space: normal;
			word-break: break-word
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-out {
			animation: slideOut .1s linear 1 normal forwards
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-in {
			animation: slideIn .1s linear 1 normal
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder {
			background-color: currentColor !important;
			border: 0 !important;
			border-radius: .25rem;
			box-shadow: none;
			color: currentColor !important;
			display: block;
			line-height: 1;
			max-width: 100% !important;
			min-height: 3em;
			min-width: 8em;
			opacity: .15;
			outline: 0 !important;
			overflow: hidden !important;
			pointer-events: none;
			position: relative !important;
			width: 100%;
			z-index: 1
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder>* {
			visibility: hidden
		}

		.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder:after {
			animation: loading__animation 1.5s ease-in-out infinite;
			background-image: linear-gradient(90deg, currentColor, hsla(0, 0%, 96%, .302), currentColor);
			background-repeat: no-repeat;
			content: " ";
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			transform: translateX(-100%)
		}

		@keyframes loading__animation {
			to {
				transform: translateX(100%)
			}
		}

		@media screen and (prefers-reduced-motion:reduce) {
			.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder {
				animation: none
			}
		}

		.wc-block-all-products .wp-block-button.wc-block-components-product-button {
			margin-bottom: 12px
		}

		.theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link {
			background-color: var(--button--color-background);
			border-color: var(--button--color-background);
			color: var(--button--color-text)
		}