/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.payment-form {
  max-width: 500px;
  padding: 50px;
  background: #BBEAE1;
}
.payment-form .title {
  color: #628B83;
  font-size: 40px;
  font-weight: bold;
}
.payment-form form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.payment-form form .field-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.payment-form form .field-group label {
  color: #303030;
  font-size: 20px;
}
.payment-form form .field-group .easypay-submit {
  background: #628B83;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  width: 100%;
  border: 1px solid #628B83;
}
.payment-form form .field-group .easypay-submit:hover {
  background: #fff;
  color: #628B83;
}

/*# sourceMappingURL=style-index.css.map*/