.payByCreditPane {
  position: relative;
  height: calc(100vh - 116px);
  width: 100vw;
}
.payByCreditPane .layoutFlexContainer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payByCreditPane .buttonFlexContainer {
  display: flex;
  margin: 0 20px;
  margin: 0 20px;
}
@media (max-width: 1443px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 15px;
  }
}
@media (max-width: 1280px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 13.2px;
  }
}
@media (max-width: 1024px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 10.6px;
  }
}
@media (max-width: 1443px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 15px;
  }
}
@media (max-width: 1280px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 13.2px;
  }
}
@media (max-width: 1024px) {
  .payByCreditPane .buttonFlexContainer {
    margin: 0 10.6px;
  }
}
.payByCreditPane .buttonFlexContainer .buttonWrapperLarge {
  flex: 1 1 75%;
}
.payByCreditPane .buttonFlexContainer .buttonWrapperSmall {
  flex: 1 1 25%;
}
.payByCreditPane .prompt {
  font-family: brandon-grotesque-medium, sans-serif;
  font-size: 60px;
  color: white;
  padding-bottom: 100px;
  text-align: center;
}
@media (max-width: 1443px) {
  .payByCreditPane .prompt {
    font-size: 45px;
  }
}
@media (max-width: 1280px) {
  .payByCreditPane .prompt {
    font-size: 38.4px;
  }
}
@media (max-width: 1024px) {
  .payByCreditPane .prompt {
    font-size: 42.6px;
  }
}
@media (max-width: 1443px) {
  .payByCreditPane .prompt {
    padding-bottom: 75px;
  }
}
@media (max-width: 1280px) {
  .payByCreditPane .prompt {
    padding-bottom: 64px;
  }
}
@media (max-width: 1024px) {
  .payByCreditPane .prompt {
    padding-bottom: 71px;
  }
}