.paymentSection {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x4);
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.paymentContainer {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x4);
  max-width: 480px;
}

.section {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
}

.paymentOptionContainer {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x-one-and-half);
}

.submitButton {
  display: none;
}

.paymentContainer .link {
  font-weight: 500;
  font-size: var(--Typography-Caption-Regular-fontSize);
}

.terms {
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-x-one-and-half);
}

@media screen and (min-width: 1367px) {
  .submitButton {
    display: flex;
    align-self: flex-start;
  }
}