html {
}

body {
  margin: 0px;
  height: 100%;
  background-color: #f2f4f7 !important
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

/* Buttons */

.btn-form {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  outline: none !important;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: var(--base-white, #FFF);
}

.btn-primary {
  color: white !important;
  border: 1px solid var(--primary-300, #2645F5) !important;
  background: var(--primary-300, #2645F5) !important;
  outline: none;
}

.btn-primary:hover {
  cursor: pointer;
  color: white !important;
  border: 1px solid var(--primary-300, #2645F5) !important;
  background: var(--primary-300, #2645F5) !important;
  outline: none;
}

.btn-primary:focus {
  cursor: pointer;
  color: white !important;
  border: 1px solid var(--primary-300, #2645F5) !important;
  background: var(--primary-300, #2645F5) !important;
  outline: none;
}

.btn-secondary {
  border: 1px solid var(--Gray-300, #D0D5DD) !important;
  background: var(--Base-White, #FFF) !important;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: black !important
}

.btn-secondary:hover {
  border: 1px solid var(--Gray-300, #D0D5DD) !important;
  background: var(--Base-White, #FFF) !important;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: black !important
}

.btn-secondary:focus {
  border: 1px solid var(--Gray-300, #D0D5DD) !important;
  background: var(--Base-White, #FFF) !important;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: black !important
}

/* Spinner */

.spinner {
  border: 12px solid rgba(0, 0, 0, 0.1);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border-left-color: #09f;

  animation: spin 1s ease infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}