/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./components/ChkOut.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.container {
  margin: 20px;
}

.input-group {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.amount-buttons button {
  margin: 5px;
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
  cursor: pointer;
}

.amount-buttons button.selected {
  background-color: orange;
}

.payment-methods label {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.payment-methods img {
  width: 80px;
  height: auto;
  margin-left: 10px;
}

.credit-card-group {
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.credit-card-group .input-group {
  margin-bottom: 10px;
}

button.submit {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
}

button.submit:hover {
  background-color: #0056b3;
}