Ok I see it now….
There is a gradient see through/transparent image that is on top of the button’s background color, which is what gives it the gradient look. You could just remove this image when a mobile phone is detected by adding this to your iPhone responsive section –
`a.button.medium {
background-image: none;
}`
That will remove that gradient and it will be a solid color instead. There isn’t much you could do about the text running over if you have a long title, but I’m sure you already knew that. Let me know if that works.