.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: 696px;
}

.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);
}

.checkboxContainer {
  background-color: var(--Surface-Secondary-Default);
  border-radius: var(--Corner-radius-Large);
  padding: var(--Spacing-x2);
}

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

@media screen and (max-width: 1366px) {
  .paymentContainer {
    margin-bottom: 200px;
  }
}