.ff-phone-wrap {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* The original Fluent Forms input stays in the form (it carries the value) but is hidden. */
.ff-phone-wrap .ff-phone-real {
    display: none !important;
}

.ff-phone-wrap .ff-phone-country-select.ff-el-form-control {
    flex: 0 0 auto;
    width: auto;
    max-width: 45%;
    padding-right: 28px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    cursor: pointer;
}

.ff-phone-wrap .ff-phone-digits.ff-el-form-control {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}