.wp-block-woocommerce-checkout {
  &,
  .content-area {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .wc-block-components-sidebar-layout {
    padding-inline: var(--padding-x);
    display: grid !important;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gutter);

    .wc-block-components-main {
      grid-column: 1 / 7;
      width: unset;

      @media (max-width: 1024px) {
        grid-column: 1 / -1;
        grid-row: 2;
      }

      .wc-block-components-checkout-place-order-button {
        opacity: 1 !important;
        position: relative;
        border: none;
        outline: 0;
        background: 0 0;
        cursor: pointer;
        display: flex;
        padding: 0.85714286rem 1.71428571rem;
        justify-content: center;
        align-items: center;
        gap: 0.71428571rem;
        text-decoration: none !important;
        transition:
          background-color 0.3s ease,
          color 0.3s ease,
          border-color 0.3s ease;
        border: 1px solid #000;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        background-color: #fff !important;
        color: #000 !important;

        @media (hover: hover) {
          &:hover {
            background-color: #000 !important;
            color: #fff !important;
          }
        }

        &:focus-visible {
          background-color: #000 !important;
          color: #fff !important;
        }
      }
    }

    .wc-block-components-sidebar {
      grid-column: 7 / -1;
      width: unset;

      @media (max-width: 1024px) {
        grid-column: 1 / -1;
        grid-row: 1;
      }
    }
  }
}