Почему появляется отступ в form?

Элементы <input class="input-mobile"> и <input class="input-email"> выравниваются по левому краю. Отступ между ними устанавливается автоматически, но. Оба элемента имеют свойства width: 40% и width: 48% соответственно. Отступ задается от родителя - .contact-form. 40% + 48% = 88%. Соответственно, "отступ" справа примерно равен этим 12%, которых не хватает в .input-mobile и .input-email. Просто задайте такую ширину элементов, чтобы в сумме они давали 100%, либо выравняйте эти элементы по центру формы. Для реализации второго варианта, можно просто добавить .contact-form свойство justify-content: center;.

.input-mobile {width = 40%;}
.input-email {width = 48%;}

40% + 48% = 88%. Ни о чем не говорит?