input {
  font-family: inherit;
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='radio'] {
  width: 1em;
  height: 1em;
  color: inherit;
  border-color: currentColor;
  border-radius: 1em;
  border: 1px solid;
  margin-right: 7px;
  background-image: radial-gradient(
    currentColor,
    currentColor 50%,
    transparent 62%
  );
  background-size: 0 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: color 0.3s, background-size 0.1s,
    background-position 0.3s;
}

input[type='radio']:checked {
  background-size: 100% 100%;
}

input[type='checkbox'] {
  width: 1em;
  height: 1em;
  color: inherit;
  border-color: currentColor;
  border-radius: 1em;
  border: 1px solid;
  margin-right: 7px;
  background-image: radial-gradient(
    currentColor,
    currentColor 50%,
    transparent 62%
  );
  background-size: 0 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: color 0.3s, background-size 0.1s,
    background-position 0.3s;
}

input[type='checkbox']:checked {
  background-size: 100% 100%;
}

input:not([type='submit']):not([type='button']):not(
    [type='radio']
  ):not([type='checkbox']):not([type='file']),
textarea {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-family: inherit;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  border: 1.5px solid;
  border-color: var(--blue);
  height: 4.6rem;
  padding: 0 2.2rem;
  border-radius: 4.6rem;
  outline: none;
  background-color: transparent;
  color: inherit;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    opacity 0.3s;
}

:root {
  --wpforms-button-background-color: var(--blue) !important;
  --wpforms-button-border-radius: 40px !important;
  --wpforms-label-color: inherit !important;
  --wpforms-field-text-color: var(--blue) !important;
}

/*
input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):active {
  transition: all 0s;
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled {
  background-color: var(--blue);
  color: white;
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border {
  background-color: transparent;
  color: var(--blue);
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled:hover {
  border-color: var(--blue-dark);
  background-color: var(--blue-dark);
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border:hover {
  color: var(--blue-bright);
  border-color: var(--blue-bright);
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled:active {
  border-color: var(--blue-dark);
  background-color: var(--blue);
}

input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border:active {
  color: var(--blue-dark);
  border-color: var(--blue-dark);
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
  border-color: white !important;
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled {
  background-color: white;
  color: var(--blue);
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border {
  color: white;
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled:hover {
  color: var(--blue-bright);
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border:hover {
  opacity: .75;
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).filled:active {
  color: var(--blue-dark);
}

.bg-blue input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).border:active {
  opacity: 1;
}
*/
