a[data-type],
.button {

    display: inline-block;

    cursor: pointer;

    border-width: 2px;

    background-image: none;

    padding: 0px;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: .88rem;

    padding-right: .85rem;

    text-align: center;

    font-family: Lexend, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000;

    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    -webkit-transition-property: all;

    transition-property: all;

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

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

    -webkit-transition-duration: 150ms;

            transition-duration: 150ms;

    font-weight: 550;

    font-variation-settings: "wght" 550
}

a[data-type].italic,
.button.italic {

    font-variation-settings: "slnt" 1, "wght" 550
}

a[data-type]:hover,
.button:hover {

    outline-width: 0px
}

a[data-type]:focus,
.button:focus {

    outline-width: 0px
}

a[data-type="primary"],
.form-submit,
.button--default {

    border-radius: 0.5rem;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-600) / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

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

    --tw-text-opacity: 1;

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

    text-decoration-line: none
}

a[data-type="primary"]:hover,
.form-submit:hover,
.button--default:hover {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

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

a[data-type="primary"]:focus,
.form-submit:focus,
.button--default:focus {

    --tw-bg-opacity: 1;

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

a[data-type="primary"]:is(.dark *),
.form-submit:is(.dark *),
.button--default:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(40 44 52 / var(--tw-text-opacity, 1))
}
a[data-type="secondary"],
.user-profile-form .image-widget .change-button,
.button-secondary,
.button--secondary {

    border-radius: 0.5rem;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-600) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-600) / var(--tw-text-opacity, 1))
}
a[data-type="secondary"]:hover,
.user-profile-form .image-widget .change-button:hover,
.button-secondary:hover,
.button--secondary:hover {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
a[data-type="secondary"]:focus,
.user-profile-form .image-widget .change-button:focus,
.button-secondary:focus,
.button--secondary:focus {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
.button--edit {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: .85rem;

    padding-right: .85rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    border-radius: 0.5rem;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-600) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-600) / var(--tw-text-opacity, 1))
}
.button--edit:hover {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
.button--edit:focus {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
.button--reply {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: .85rem;

    padding-right: .85rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    border-radius: 0.5rem;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(var(--color-gray-600) / var(--tw-text-opacity, 1))
}
.button--reply:hover {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(var(--color-gray-700) / var(--tw-text-opacity, 1))
}
.button--reply:focus {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(var(--color-gray-700) / var(--tw-text-opacity, 1))
}
.button--squared {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 3rem;

    width: 3rem;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    padding: 0.5rem
}
a[data-type],
.user-profile-form .form-actions .button--danger,
.user-profile-form .form-actions .form-submit,
.node-product-edit-form .form-actions .form-submit,
.modal .button-secondary,
.modal .form-submit,
.button--large {

    padding-top: 0.6rem;

    padding-bottom: 0.65rem;

    padding-right: 1.2rem;

    padding-left: 1.1rem;

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -.1px
}

.button--full {

    width: 100%
}
.button--icon {

    border-color: transparent
}

a[data-type="danger"],
.button--danger {

    border-radius: 0.5rem;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity, 1));

    background-color: transparent;

    --tw-text-opacity: 1 !important;

    color: rgb(var(--color-gray-600) / var(--tw-text-opacity, 1)) !important
}

a[data-type="danger"]:hover,
.button--danger:hover {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity, 1));

    background-color: transparent !important;

    --tw-text-opacity: 1;

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

.node-form a[data-type="danger"],
.node-form .button--danger {

    padding-top: 0.6rem;

    padding-bottom: 0.65rem;

    padding-right: 1.2rem;

    padding-left: 1.1rem;

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -.1px
}

.button[disabled] {

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-coral-400) / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

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