/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/modal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/modal/style.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.fill-primary {
  fill: #1498D5;
}

.fill-secondary {
  fill: #f13e08;
}

.fill-tertiary {
  fill: #f13e08;
}

.fill-accent {
  fill: #f13e08;
}

.modal-footer {
  cursor: pointer;
  display: block;
  color: #FFFFFF !important;
  border-color: #1498D5 !important;
  background-color: #1498D5 !important;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  justify-content: center !important;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  text-decoration: unset;
}
.modal-footer:hover {
  color: #FFFFFF !important;
  border-color: #0D668F !important;
  background-color: #0D668F !important;
}
.modal-footer:focus {
  color: #FFFFFF !important;
  border-color: #0D668F !important;
  background-color: #0D668F !important;
}
.modal-footer:active {
  color: #FFFFFF !important;
  border-color: #0D668F !important;
  background-color: #0D668F !important;
}

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