Работает, но только на первом инпуте. Потому что Вы допустили грубейшую ошибку - два одинаковых id.
Если нужна одна маска на оба инпута, повесьте её на селектор по атрибуту:
$('[name="phone"]').mask("+38(999) 999-9999");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js"></script>
<form>
<input type="text" name="phone" placeholder="Номер телефона" required style="width:100%;position:relative;margin-bottom:0;height:50px;border-radius:8px;border-color:white;margin-bottom:10px;margin-top:10px;padding-left:10px;border-style:solid;border-width:2px;" />
<input type="text" name="phone" placeholder="Номер телефона" required style="width:100%;position:relative;margin-bottom:0;height:50px;border-radius:8px;border-color:white;margin-bottom:10px;margin-top:10px;padding-left:10px;border-style:solid;border-width:2px;" />
</form>