@-webkit-keyframes spinner__animation {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner__animation {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

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

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

.wp-block-button.wc-block-components-product-button {
    white-space: normal;
    word-break: break-word
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    border-style: none;
    display: inline-flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
    word-break: break-word
}

.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 {
    -webkit-animation: loading__animation 1.5s ease-in-out infinite;
    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%)
}

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

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

.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button {
    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
}

.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button>* {
    visibility: hidden
}

.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button:after {
    -webkit-animation: loading__animation 1.5s ease-in-out infinite;
    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%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .is-loading .wc-block-components-product-button>.wc-block-components-product-button__button {
        -webkit-animation: none;
        animation: none
    }
}

.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)
}

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

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

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

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

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

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

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

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