.g-1 { gap: 8px; }
.g-2 { gap: 16px; }
.g-3 { gap: 24px; }
.g-4 { gap: 32px; }

.card.is-rounded {
  border-radius: 1.5rem;
}

.form .button {
  background: var(--black-bis);
  border-radius: 1.5rem;
  color: var(--white-ter);
  font-family: "Gotham Book Regular", sans-serif;
  font-size: 14px;
  height: 40px;
  text-transform: capitalize;
  width: 100%;
}

.form .input {
  border: none;
  background: var(--white-ter);
}

.form .input:focus,
.form .input:active {
  border: none;
  box-shadow: none;
}

.form .field .input-wrapper {
  background: var(--black-bis);
  border-radius: 9999px;
  padding: 1px;
}

.form .field .input-wrapper.focus {
  background: linear-gradient(90deg, #17F362 0%, #09E8F7 100%), linear-gradient(0deg, #ADFB49, #ADFB49);
}

.form .input::placeholder {
  color: var(--black-bis);
}

.link {
  text-decoration: none;
}

.button {
  border-radius: 8px;
  border: none;
  gap: 8px;
  height: 55px;
  padding: 0;
}

.button a {
  height: 100%;
  padding: 6px 12px;
}