체크아웃

<style>
  /* -- The root styles must go in the element of the structure with the name "Checkout"(Section). --*/

  .checkout-2 {
    /* Form details */
    .checkout-2__form-details {
      h3 {
        margin-bottom: var(--space-s);
      }

      /* Checkout form  styles*/
      .form-row {
        margin-bottom: var(--space-s);
      }

      /* Inputs styles */
      .input,
      input:not([type=submit]),
        select,
        textarea {
          border: 1px solid var(--neutral-trans-20);
          border-radius: var(--radius-xs);
          padding: var(--space-xs);

          &:focus {
            border-color: var(--neutral);
          }
      }

      /* 2 column field styles */
      .form-row-first,
      .form-row-last {
        width: calc(50% - var(--space-m)/2);

        @media (max-width: 991px) {
          width: 100%;
        }
      }
    }

    /* Default values of woocommerce fields */
    .form-row-first{
      float:left;
    }

    .form-row-last{
      float:right;
    }

    .form-row-wide{
      clear:both;
    }

    /* Select2 field styles (Region / Département) */
    .select2-container--default .select2-selection--single{
      border: 1px solid var(--black-trans-20);
      border-radius: var(--radius-xs);
      padding: var(--space-xs);
      height:auto;
    }

    /* Select2 field arrow styles */
    .select2-container--default .select2-selection--single
    .select2-selection__arrow{
      top:50%;
    }

    /* Checkout order details*/
    .checkout-2__order-review {
      #order_review, thead, tfoot{
        border: none;
      }

      /* Review order table styles */
      .woocommerce-checkout-review-order-table{
        border-radius: var(--radius-m);

        .cart-subtotal{
          border-bottom: 1px solid var(--neutral-trans-10);
        }

        /* Table heading styles */
        thead th{
          padding: var(--space-m) 0 var(--space-xs) 0;
        }

        /* Table body styles */
        tbody td{
          padding: var(--space-xs) 0;
        }

        /* Table footer (total price) styles */
        tfoot :is(td, th){
          padding: var(--space-m) 0;
        }
      }

      /* Checkout payment styles */
      .woocommerce-checkout-payment{
        border-radius: var(--radius-m);

        .payment_box {
          border-radius: var(--radius-s);
        }
      }

      /*- Terms and conditions style -*/
      .woocommerce-form__label-for-checkbox{
        font-size: var(--text-s);
        margin-top: var(--space-s);
        font-weight: 600;
        color: var(--neutral);
      }
    }
  }
</style>