Traditional Radio Buttons vs Bootstrap Styled Primary-Secondary Toggle Buttons

For a responsive web form I am considering two options for radio buttons with three or fewer selections.

I personally like the bootstrap css style format because it seems easier for the user on mobile and appears like a more modern UX design. I've seen many websites in my industry moving to these type of bootstrap button selections on web forms:

enter image description here

My designer said it is not the best UX practice to use the above type of buttons. It was indicated that I should use the traditional radio buttons like below (either vertical or horizontal). I feel these are harder for the user, especially on a smaller mobile screen.

enter image description here

Is one method better than the other?