/***** Checkout *****/
/* Reverse the checkout containers */
.fct_checkout_inner {
    flex-direction: row-reverse;
}
.fct_checkout_inner .fct_checkout_summary,
.fct_checkout_inner .fct_checkout_form {
    width: 50%;
}

.fct_checkout_inner .fct_checkout_summary {
    margin-right: var(--space-30);
    align-content: center;
    padding: var(--space-50);
}
.fct_checkout_inner .fct_checkout_form {
    margin-left: var(--space-30);
    padding: var(--space-50);
    background-color: var(--color-white);
    border-radius: var(--border-radius-30);
}
.fct_summary_box {
    padding: var(--space-50);
    background-color: var(--color-white);
    border-radius: var(--border-radius-30);
}
.fct_summary_box .fct_checkout_form_section {
    margin: initial;
}

/* These are the injected Bricks shortcodes into the checkout page */
/* The 'Go Back' button */ 
.fct_checkout_summary .bricks-injected-top button.stkr-back-button {
    background: initial;
    padding: initial;
    margin-bottom: var(--space-20);
    font-size: var(--font-button);
}
.stkr-back-button {
    flex-direction: row;
    gap: var(--space-10);
    align-items: center;
}
.stkr-back-button--icon {
    width: 24px;
} 

/* Then the Policy links */
.stkr-policy-links {
    margin-top: var(--space-20);
    flex-direction: row;
    gap: var(--space-10);
    align-items: center;
    font-size: var(--font-small);
}
.stkr-policy-links--link {
    color: var(--color-text--dark);
}

/* Now the 'Place Order' button */
.fct_checkout button.fct_place_order_btn {
    border-radius: var(--border-radius-99);
    text-align: center;
}