:root {
  --titleFont: "Inter", sans-serif;
  --bodyFont: "Inter", sans-serif;
  --primaryColor: #537FE7 ;
  --secondaryColor: #5E5E5E ;
  --whiteColor: #ffffff;
  --titleColor: #181823;
  --hoverColor: #000;
  --bodyColor: #5E5E5E;
  --partialColor: #181823;
  --btnColor: #15171A;
  --button-bg: #537FE7;
  --button-bg-hover: #5E5E5E;
}

.react-button-wrapper a {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  font-family: "Bona Nova";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
}
.react-button-wrapper .primary_btn {
  background: var(--primaryColor);
  border: 1px solid var(--primaryColor);
  color: #fff;
}
.react-button-wrapper .primary_btn:hover {
  background: transparent;
  border: 1px solid var(--primaryColor);
  color: var(--primaryColor);
}
.react-button-wrapper .secondary_btn {
  background: none;
  border: 1px solid rgba(94, 94, 94, 0.6196078431);
  color: rgba(94, 94, 94, 0.6196078431);
}
.react-button-wrapper .secondary_btn:hover {
  background: var(--primaryColor);
  border: 1px solid var(--primaryColor);
  color: #fff;
}/*# sourceMappingURL=button.css.map */