.wap-form {
    --wap-form-bg: #f7faf7;
    --wap-form-text: #1f2a44;
    --wap-form-border: #d4d4d4;
    --wap-input-bg: #ffffff;
    --wap-input-text: #111827;
    --wap-input-border: #bababa;
    --wap-button-bg: #166534;
    --wap-button-text: #ffffff;
    --wap-button-border: #166534;
    --wap-button-hover-bg: #14532d;
    --wap-button-hover-text: #ffffff;
    --wap-error-text: #b42318;
    --wap-radius: 10px;
    --wap-form-padding: 16px;
    --wap-input-padding: 10px;
    --wap-button-padding: 10px;

    max-width: 760px;
    margin: 0 auto;
    padding: var(--wap-form-padding);
    border: 1px solid var(--wap-form-border);
    border-radius: var(--wap-radius);
    background: var(--wap-form-bg);
    color: var(--wap-form-text);
}

.wap-form__label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--wap-form-text);
}

.wap-form__heading {
    margin: 0 0 0.65rem;
    font-size: 1.25rem;
    line-height: 1.25;
    color: var(--wap-form-text);
}

.wap-form__controls {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.wap-form--two-rows .wap-form__controls {
    flex-direction: column;
    align-items: stretch;
}

.wap-form .wap-form__input {
    flex: 1;
    min-height: 44px;
    padding: var(--wap-input-padding);
    border: 1px solid var(--wap-input-border);
    border-radius: calc(var(--wap-radius) - 2px) !important;
    background: var(--wap-input-bg);
    color: var(--wap-input-text);
}

.wap-form__button {
    min-height: 44px;
    padding: var(--wap-button-padding);
    border-radius: calc(var(--wap-radius) - 2px);
    border: 1px solid var(--wap-button-border);
    background: var(--wap-button-bg);
    color: var(--wap-button-text);
}

.wap-form__button:hover,
.wap-form__button:focus {
    background: var(--wap-button-hover-bg);
    color: var(--wap-button-hover-text);
}

.wap-form__message {
    margin-top: 0.65rem;
    min-height: 1.2em;
}

.wap-form__message.is-error {
    color: var(--wap-error-text);
}

@media (max-width: 640px) {
    .wap-form__controls {
        flex-direction: column;
        align-items: stretch;
    }
}

.home-audit-form p.wap-form__message.is-error {
    color: #dc3b3b !important;
    font-size: 14px !important;
    margin: 10px 0 0 0 !important;
}

div.website-audit-form-sc form.wap-form {
    padding: 0!important;
    background: none!important;
    border: none!important;
}
.website-audit-form-sc .wap-form__label {
    display: none;
}
.website-audit-form-sc .wap-form__controls {
    flex-direction: column;
    align-items: normal;
}
.website-audit-form-sc .wap-form__controls .button {
    background-color: #f97316;
    border: 1px solid #f97316;
    border-radius: 30px;
}
.website-audit-form-sc .wap-form__controls .wap-form__input {
    border-radius: 30px !important;
    border: 1px solid #f97316;
}
.wap-form__message {
    margin-bottom: 0!important;
}