.wpforms-container {
  margin-bottom: initial !important;
  .wpforms-form {
    .wpforms-field-container {
      .wpforms-field {
        padding: initial;
        margin-bottom: 1.25rem;

        .wpforms-field-label {
          font-size: 10px;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.2em;
          color: oklch(from var(--color-white) l c h / 0.5);
        }

        input, textarea, select {
          font-size: 14px;
          color: var(--color-white);
          padding: 0.75rem 0;
          border: 1px solid transparent;
          border-bottom-color: oklch(from var(--color-white) l c h / 0.3);
          background-color: transparent;
          transition: all 0.15s;

          /* &:hover {} */
          &:focus {
            outline: none;
          }
          &:focus,
          &:focus-visible {
            border-bottom-color: var(--color-white);
          }

          &::placeholder {
            opacity: 1;
            color: oklch(from var(--color-white) l c h / 0.3);
          }
        }

        textarea {
          height: 125px;
        }

        select {
          &:not([aria-invalid="false"]) {
            color: oklch(from var(--color-white) l c h / 0.3);
          }
          &:focus {
            color: var(--color-white);
          }
          option {
            color: var(--color-mine-shaft);
            background-color: var(--color-white);
          }
        }

        fieldset {
          ul {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 14px;

            li {
              display: flex;
              align-items: start;
            }
          }
        }

        em.wpforms-error {
          font-size: var(--text-sm);
          padding: 0.5em 0.75em;
          color: var(--color-white);
          background-color: var(--bs-danger);
        }

        @media (width < 576px) {
          &.wpforms-one-half,
          &.wpforms-one-third {
            width: 100%;
            margin-left: 0;
          }
        }
      }
    }
    .wpforms-submit-container {
      margin-top: 2rem;

      [type="submit"] {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.2em;
        padding: 0.875rem 2rem;
        color: var(--color-white);
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
        text-transform: uppercase;
        transition: all 0.15s;

        &:hover,
        &:focus-visible {
          border-color: oklch(from var(--color-white) l c h / 0.5);
        }

        &:focus {
          outline: none;
        }
      }
    }
  }
}