Q:

Semantic React / Button with text on left

Hello I have difficulty placing my button text on the left 
even using text-align left doesn't work with! important
      <ButtonStyled> Esqueci minha senha </ButtonStyled>

style:
export const ButtonStyled = styled(Button)`
background: transparent !important;
color: #000 !important;
text-align: left !important;
&:hover {
    background: transparent !important;
    color: #12b2ce !important;
}
`;

code: https://codesandbox.io/s/small-lake-grxyz

A:

padding-left: 0 !important;

You styled button currently has 21px of padding assigned to it. Override that value.

