/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/components/buttons.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.editor-styles-wrapper
	.wp-element-button
	.is-style-button-green
	.block-editor-rich-text__editable,
.is-style-button-green button,
.is-style-button-green a {

    display: flex;

    height: 3.75rem;

    width: 18.75rem;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));

    text-align: center;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 150ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-green
	.block-editor-rich-text__editable:hover,
.is-style-button-green button:hover,
.is-style-button-green a:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1))
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-orange
	.block-editor-rich-text__editable,
.is-style-button-orange button,
.is-style-button-orange a {

    display: flex;

    height: 3.75rem;

    width: 18.75rem;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: rgb(241 141 21 / var(--tw-bg-opacity, 1));

    text-align: center;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 150ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-orange
	.block-editor-rich-text__editable:hover,
.is-style-button-orange button:hover,
.is-style-button-orange a:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(255 214 160 / var(--tw-bg-opacity, 1))
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-dashed-purple
	.block-editor-rich-text__editable,
.is-style-button-dashed-purple button,
.is-style-button-dashed-purple a {

    display: flex;

    cursor: pointer;

    gap: 0.5rem;

    border-radius: 0.25rem;

    border-width: 1px;

    border-style: dashed;

    --tw-border-opacity: 1;

    border-color: rgb(251 179 167 / var(--tw-border-opacity, 1));

    background-color: transparent;

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgb(251 179 167 / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 150ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-dashed-purple
	.block-editor-rich-text__editable
	svg,
.is-style-button-dashed-purple button svg,
.is-style-button-dashed-purple a svg {

    height: auto;

    width: 1rem
}

.editor-styles-wrapper
	.wp-element-button
	.is-style-button-dashed-purple
	.block-editor-rich-text__editable:hover,
.is-style-button-dashed-purple button:hover,
.is-style-button-dashed-purple a:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(252 242 241 / var(--tw-bg-opacity, 1))
}

/* new buttons styles */

.is-style-button-normal-primary > div,
.is-style-button-normal-secondary > div,
.is-style-button-normal-tertiary > div,
.is-style-button-normal-primary a,
.is-style-button-normal-secondary a,
.is-style-button-normal-tertiary a {

    border-radius: 0px;

    padding-top: 1.125rem;

    padding-bottom: 1.125rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.is-style-button-small-primary > div,
.is-style-button-small-secondary > div,
.is-style-button-small-tertiary > div,
.is-style-button-small-primary a,
.is-style-button-small-secondary a,
.is-style-button-small-tertiary a {

    border-radius: 0px;

    padding-top: 0.625rem;

    padding-bottom: 0.625rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.is-style-button-normal-primary > div,
.is-style-button-small-primary > div,
.is-style-button-normal-primary a,
.is-style-button-small-primary a {

    --tw-bg-opacity: 1;

    background-color: rgb(219 0 47 / var(--tw-bg-opacity, 1))
}

:is(.is-style-button-normal-primary > div,.is-style-button-small-primary > div,.is-style-button-normal-primary a,.is-style-button-small-primary a):hover {

    --tw-bg-opacity: 1;

    background-color: rgb(198 0 43 / var(--tw-bg-opacity, 1))
}

:is(.is-style-button-normal-primary > div,.is-style-button-small-primary > div,.is-style-button-normal-primary a,.is-style-button-small-primary a):active {

    --tw-bg-opacity: 1;

    background-color: rgb(157 20 36 / var(--tw-bg-opacity, 1))
}

[disabled]:is(.is-style-button-normal-primary > div,.is-style-button-small-primary > div,.is-style-button-normal-primary a,.is-style-button-small-primary a) {

    cursor: not-allowed;

    --tw-bg-opacity: 1;

    background-color: rgb(253 220 211 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(243 128 123 / var(--tw-text-opacity, 1))
}

.is-style-button-normal-secondary > div,
.is-style-button-small-secondary > div,
.is-style-button-normal-secondary a,
.is-style-button-small-secondary a {

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

:is(.is-style-button-normal-secondary > div,.is-style-button-small-secondary > div,.is-style-button-normal-secondary a,.is-style-button-small-secondary a):hover {

    --tw-bg-opacity: 1;

    background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1))
}

:is(.is-style-button-normal-secondary > div,.is-style-button-small-secondary > div,.is-style-button-normal-secondary a,.is-style-button-small-secondary a):active {

    --tw-bg-opacity: 1;

    background-color: rgb(80 80 80 / var(--tw-bg-opacity, 1))
}

[disabled]:is(.is-style-button-normal-secondary > div,.is-style-button-small-secondary > div,.is-style-button-normal-secondary a,.is-style-button-small-secondary a) {

    cursor: not-allowed;

    --tw-bg-opacity: 1;

    background-color: rgb(201 206 210 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(132 138 144 / var(--tw-text-opacity, 1))
}

.is-style-button-normal-tertiary > div,
.is-style-button-small-tertiary > div,
.is-style-button-normal-tertiary a,
.is-style-button-normal-tertiary button,
.is-style-button-small-tertiary a {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

:is(.is-style-button-normal-tertiary > div,.is-style-button-small-tertiary > div,.is-style-button-normal-tertiary a,.is-style-button-normal-tertiary button,.is-style-button-small-tertiary a):hover {

    --tw-bg-opacity: 1;

    background-color: rgb(237 239 240 / var(--tw-bg-opacity, 1))
}

:is(.is-style-button-normal-tertiary > div,.is-style-button-small-tertiary > div,.is-style-button-normal-tertiary a,.is-style-button-normal-tertiary button,.is-style-button-small-tertiary a):active {

    --tw-bg-opacity: 1;

    background-color: rgb(219 222 225 / var(--tw-bg-opacity, 1))
}

[disabled]:is(.is-style-button-normal-tertiary > div,.is-style-button-small-tertiary > div,.is-style-button-normal-tertiary a,.is-style-button-normal-tertiary button,.is-style-button-small-tertiary a) {

    cursor: not-allowed;

    --tw-bg-opacity: 1;

    background-color: rgb(80 80 80 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(132 138 144 / var(--tw-text-opacity, 1))
}


/*# sourceMappingURL=buttons.css.map*/