.input-with-country-codes {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 24px;

    .tel-input {
        margin-bottom: 0;
        .input {
            padding-left: 10px;
            border: none;
        }
    }

    .country-codes {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        color: #333;
        width: 63px;
        text-align: center;
        border-right: 1px solid #ccc;
    }
}