.wpforms-hidden,
.wpforms-label-hide,
.wpforms-sublabel-hide {
    display: none;
}

.wpforms-field-label {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.wpforms-container {
    fieldset {
        border: none;
        box-shadow: none;
        outline: none;
        padding: 0;
        margin: 0;
    }

    input, select, textarea {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        background: #1A1A1A;
        border: 2px solid rgba(255, 255, 255, 0.2);
        outline: none;
        box-shadow: none;
        border-radius: 2px;
        color: #fff;
        font-size: 20px;
        padding: 16px 16px;
        transition: all 0.2s;

        &:focus {
            border-color: var(--primary);
        }
    }

    textarea {
        min-height: 120px;
    }

    .wpforms-field-container {
        display: grid;
        gap: 24px;
    }

    .wpforms-field-row  {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;        
    }

    .wpforms-error {
        margin-top: 8px;
        color: var(--primary);
        display: block;
    }

    .wpforms-submit-container {
        margin-top: 24px;

        button {
            position: relative;
            background-color: var(--primary);
            font-size: 26px;
            border-radius: 250px;
            padding: 12px 40px;
            color: #111;
            font-weight: 800;
            font-family: var(--font-big);
            text-transform: uppercase;
            text-box: cap alphabetic;
            width: fit-content;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            gap: 12px;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: none;
            outline: none;
            border: none;

            &:after {
                content: "";
                border: 2px solid transparent;
                position: absolute;
                inset: 0;
                border-radius: 250px;
                transition: all 0.3s;       
            }

            &:hover {
                border-color: var(--primary);

                &:after {
                    inset: -8px;
                    border: 2px solid var(--primary);
                }
            }
            
        }

        &:hover {
            border-color: var(--primary);
        }

    }
}