@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}

.checkout-section {
  display: grid;
  row-gap: 2rem;
  column-gap: 0;
}



.checkout-section h3,
.checkout-section h2
{
  text-align: left;
  max-width: 100%;;
}

.checkout-section .error {
  grid-column-start: span 12;
}

.checkout-section.is-loading {
  color: var(--color-gray-700);
}
.checkout-section button[type="submit"] {
  display: flex;
  align-items: center;
}
.checkout-section button[type="submit"]::after {
  content: '';
  display: none;
  width: 0.7rem;
  height: 0.7rem;
  margin-inline-start: var(--spacing-s);
  border-radius: 50%;
  border: 2px solid var(--color-white);
  border-bottom-color: transparent;
  animation: 1.5s rotate linear infinite;
}
.checkout-section.is-loading button[type="submit"]::after {
  display: block;
}

@media (min-width: 1024px) {
  .checkout-section {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
    align-items: start;
  }

  .checkout-section .cart {
    position: sticky;
    top: var(--spacing-m);
    grid-row-end: span 2;
  }
}


@media only screen and (max-width: 1240px) {

  .checkout-section .row:nth-of-type(1) {
    order: 1;
  }
}