:root {
  --gradient-primary: linear-gradient(233.13deg, #00b86f -4.31%, #253757 103.3%);
  --gradient-btn-primary: linear-gradient(192.13deg, #00b86f 10%, #00995c 60%, #008550 70%, #253757 104.3%);
  --color-white: #fff;
  --color-primary: #00b86f;
  --color-secondary: #35365d;
  --color-text-dark: #253757;
  --color-text-light: #5b6981;
  --color-red-500: #f04b4b;
  --color-green-50: #e6f8f1;
  --color-green-500: #00b376;
  --color-teal-150: #bdeee3;
  --color-teal-200: #a7e9da;
  --color-teal-300: #7addc8;
  --color-teal-400: #4ed2b5;
  --color-teal-500: #22c7a3;
  --color-teal-600: #1b9f82;
  --color-teal-700: #147762;
  --color-teal-800: #0e5041;
  --color-teal-150-hover: #d9f7f0;
  --color-teal-200-hover: #beefe4;
  --color-teal-300-hover: #9feddc;
  --color-teal-400-hover: #84e9d3;
  --color-teal-500-hover: #61ebcd;
  --color-teal-600-hover: #44d2b4;
  --color-teal-700-hover: #38ab92;
  --color-teal-800-hover: #5ac0a8;
  /* --color-teal-100: #d3f4ed;
  --color-teal-900: #072821;
  --color-teal-850: #0a3c31;
  --color-teal-950: #031410; */
}

html,
body,
#app {
  height: 100%;
}

#app {
  display: flex;
  justify-content: center;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Poppins", sans-serif;
}

* {
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

.form-group {
  margin-bottom: 23px;
}

.primary-buttons {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: center;
}
.primary-buttons .text-button {
  font-weight: 700;
}
.primary-buttons__button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}
.primary-buttons__button-group--left {
  margin-bottom: 2rem;
}
@media screen and (min-width: 640px) {
  .primary-buttons__button-group--left {
    margin-bottom: 0;
  }
}
.primary-buttons__button-group--right {
  width: 80%;
}
@media screen and (min-width: 640px) {
  .primary-buttons__button-group--right {
    width: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 640px) {
  .primary-buttons {
    flex-direction: row;
  }
}
@media screen and (min-height: 840px) and (min-width: 640px) {
  .primary-buttons {
    margin-top: 64px;
  }
}

.secondary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 12px 0;
}
.secondary-button .text-button {
  text-decoration: underline;
}
.secondary-button .text-button:hover {
  text-decoration: none;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIvY3NzL3BhZ2VzL2xvZ2luLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/