.submit-wrap .nf-field-element {
    display: block;
    width: auto;
}

.submit-wrap .nf-field-element input {
    display: block;
    width: auto;
    cursor: pointer;
    color: #FFFFFF;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
    background-color: var(--wp--preset--color--accent-1);
    border-radius: var(--wp--custom--border-radius--button);
    transition-property: color, border, background-color;
    transition-duration: var(--transition--duration);
    transition-timing-function: var(--transition--timing-function);

    &:hover {
        color: white;
        background-color: black;
    }
}

@media screen and (max-width: 560px) {
    .wp-block-buttons>.wp-block-button:not(.is-style-button-link, .is-style-button-link-back) {
        width: 100%;
        display: block;
    }

    :root :where(.wp-element-button, .wp-block-button__link) {
        padding: 15px;
    }

    .is-style-button-link :where(.wp-element-button, .wp-block-button__link) {
        --arrow--padding-inline-start: 0;
    }

    .submit-wrap .nf-field-element input,
    .wp-block-button:not(.is-style-button-link, .is-style-button-link-back) :where(.wp-element-button, .wp-block-button__link),
    .woocommerce-cart .cart_totals a.checkout-button {
        display: block;
        width: 100%;
        padding: 15px;
    }
}

.wp-block-button .wp-element-button,
.woocommerce-cart .cart_totals a.checkout-button {
    cursor: pointer;
    transition-property: color, border, background-color;
    transition-duration: var(--transition--duration);
    transition-timing-function: var(--transition--timing-function);
}

/*.submit-wrap .nf-field-element::before,*/
/*.wp-block-button:not(.is-style-button-link, .is-style-button-link-back, .is-style-button-outline) .wp-element-button::before,*/
/*.woocommerce-cart .cart_totals a.checkout-button::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: black;*/
/*    scale: 0 1;*/
/*    transform-origin: 100% 50%;*/
/*    transition-property: scale background-color;*/
/*    transition-duration: var(--transition--duration);*/
/*    transition-timing-function: var(--transition--timing-function);*/
/*}*/

.wp-block-button:not(.is-style-button-link, .is-style-button-link-back, .is-style-button-outline) .wp-element-button:hover,
.woocommerce-cart .cart_totals a.checkout-button:hover {
    color: white;
    background-color: black;
}

/*.submit-wrap .nf-field-element:hover::before,*/
/*.wp-block-button:not(.is-style-button-link, .is-style-button-link-back, .is-style-button-outline) .wp-element-button:hover::before,*/
/*.woocommerce-cart .cart_totals a.checkout-button:hover::before {*/
/*    scale: 1 1;*/
/*}*/

.link-arrow,
.splide__arrow,
.wp-block-post-excerpt__more-link,
.is-style-button-link :where(.wp-element-button, .wp-block-button__link),
.is-style-button-link-back :where(.wp-element-button, .wp-block-button__link) {
    --link--color: #999999;
    --arrow--width: 2px;
    --arrow--length: 40px;
    --arrow--height: 10px;
    --arrow--offset--x: 0;
    --arrow--offset--y: calc(-50% + 1px);

    min-height: 18px;
}

.link-arrow,
.wp-block-post-excerpt__more-link,
.is-style-button-link :where(.wp-element-button, .wp-block-button__link),
.is-style-button-link-back :where(.wp-element-button, .wp-block-button__link) {
    position: relative;
}

.is-style-button-link :where(.wp-element-button, .wp-block-button__link),
.is-style-button-link-back :where(.wp-element-button, .wp-block-button__link) {
    color: var(--link--color, rgba(0,0,0,0.5));
    background-color: transparent;
    border: none;
    padding-inline-start: var(--arrow--padding-inline-start, 0px);
    padding-inline-end: var(--arrow--padding-inline-end, 0px);
}

.link-arrow-right,
.splide__arrow--next,
.wp-block-post-excerpt__more-link,
.is-style-button-link :where(.wp-element-button, .wp-block-button__link) {
    --arrow--padding-inline-end: 67px;
}

.link-arrow-left,
.splide__arrow--prev,
.is-style-button-link-back :where(.wp-element-button, .wp-block-button__link) {
    --arrow--padding-inline-start: 67px;
}

.link-arrow,
.splide__arrow,
.wp-block-post-excerpt__more-link,
:where(.is-style-button-link, .is-style-button-link-back) .wp-element-button {
    &::before,
    &::after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 1px);
        border-style: solid;
        border-color: var(--link--color, rgba(0,0,0,0.5));
        transition-property: border-color, translate, scale;
        transition-duration: var(--transition--duration);
        transition-timing-function: var(--transition--timing-function);
    }

    &::before {
        width: var(--arrow--length, 40px);
        height: 0;
        border-width: var(--arrow--width, 2px) 0 0 0;
        transform-origin: 0% 50%;
        scale: var(--arrow--length--scale, 1) 1;
        translate: var(--arrow--offset--x, 0) var(--arrow--offset--y, -50%);
    }

    &::after {
        width: var(--arrow--height, 10px);
        height: var(--arrow--height, 10px);
        border-width: var(--arrow--width, 2px) var(--arrow--width, 2px) 0 0;
        transform-origin: 50% 50%;
        translate: var(--arrow--offset--x, 0) var(--arrow--offset--y, -50%);
    }
}

.link-arrow-right,
.splide__arrow--next,
.wp-block-post-excerpt__more-link,
.is-style-button-link .wp-element-button {
    &::before,
    &::after {
        right: 2px;
        --arrow--offset--x: -10px;
    }
}

.link-arrow-right,
.splide__arrow--next,
.wp-block-post-excerpt__more-link,
.is-style-button-link .wp-element-button {
    &::after {
        rotate: 45deg;
    }
}

.link-arrow-left,
.splide__arrow--prev,
.is-style-button-link-back .wp-element-button {
    &::before,
    &::after {
        left: 2px;
        --arrow--offset--x: 10px;
    }
}

.link-arrow-left::before,
.splide__arrow--prev::before,
.is-style-button-link-back .wp-element-button::before {
    transform-origin: 100% 50%;
}

.link-arrow-left::after,
.splide__arrow--prev::after,
.is-style-button-link-back .wp-element-button::after {
    rotate: -135deg;
}

.link-arrow:hover,
.splide__arrow:hover,
:where(.is-style-button-link, .is-style-button-link-back) .wp-element-button:hover {
    --link--color: rgba(0,0,0,1);
}

a:hover .link-arrow-right,
.card:hover .wp-block-post-excerpt__more-link,
a:hover :where(.is-style-button-link, .is-style-button-link-back) .wp-element-button,
:where(.is-style-button-link, .is-style-button-link-back) .wp-element-button:hover {
    &::before {
        --arrow--length--scale: 1.25;
    }

    &::after {
        --arrow--offset--x: 0px;
    }
}

a:hover .link-arrow-left::after,
a:hover .is-style-button-link-back .wp-element-button::after,
.is-style-button-link-back .wp-element-button:hover::after {
    --arrow--offset--x: 0px;
}

.is-style-button-link :where(.wp-element-button, .wp-block-button__link):hover {
    --link--color: var(--wp--preset--color--accent-2);
}

.is-style-button-link-back :where(.wp-element-button, .wp-block-button__link):hover {
    --link--color: var(--wp--preset--color--accent-1);
}

.wp-block-cover .is-style-button-link-back :where(.wp-element-button, .wp-block-button__link) {
    --link--color: var(--wp--preset--color--accent-6);
}

@media screen and (min-width: 769px) {
    :root :where(.wp-block-buttons-is-layout-flex) {
        gap: 40px;
    }
}