#postcode-container {

    h4 {
        margin-bottom: var(--space-3);
        font-size: 1.1em;
    }

    .address-box {
        padding: var(--space-3);
        margin-bottom: var(--space-3);
        background: white;

        p {
            margin: 0;
            font-weight: bold;
            font-size: 1.1em;
        }
    }

    #address-dropdown {
        padding-right: var(--space-5);
    }

    .idpc-button {
        margin-left: 0;
        background: var(--color-red);
        color: white;
        font-weight: bold;
        border-radius: 8px;
        padding: var(--space-2) var(--space-3);

        &:hover {
            text-decoration: none !important;
        }

        &#allow-address-entry {
            background-color: var(--color-neutral-10);
            color: var(--color-grey);
            margin-left: var(--space-2);
        }
    }
}

.postcode-lookup-field.form-row-wide.form-row {
    background: #edebf1;
    padding: var(--space-3) var(--space-4);

    > label.address-lookup-label {
        font-weight: bold;
        font-size: 1.1em;
    }

    &.woocommerce-validated .input-text,
    &.woocommerce-validated select {
        border-color: initial;
    }

    & > :not(.postcode-container, .address-lookup-label) {
        margin-bottom: var(--space-3);
    }

    .postcode-search-button {
        background: var(--color-red);
        color: white;
        font-weight: bold;
        border-radius: 8px;
        padding: var(--space-2) var(--space-3);

        &:hover {
            text-decoration: none !important;
        }
    }
}