Encountering an unusual problem with buttons on iOS devices specifically in Safari browser - the background color isn't being applied like it is on Desktop and Android devices. Here are the CSS properties for the button:
export const Button = styled.button`
display: inline-block;
color: ${({ theme }) => theme.text.main};
margin-left: 8px;
padding: 0 15px;
height: 32px;
border-radius: 4px;
background-color: ${({ theme }) => theme.palette.main};
font-weight: 400;
line-height: 1.5;
font-size: 15px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 1;
`