How to put an icon on in the corner of a Material UI button

Question

How to put an icon in the corner of a Material UI button in react?

Now what I have is this, where the icon is right next to the title. I wish to move the icon to the lower right corner of the button... Any idea how to achieve this? Thanks!

export default function CardButton() {
    return (
        <Button
            variant="contained"
            style={{
                height: 220,
                width: 275,
                margin: '1vh',
            }}
            color="secondary"
        >
            <Typography variant="button" style={{fontSize:'24px'}}>title</Typography>
            <AddIcon/>
        </Button>
    )
}

Answer 1

Use position: absolute to position the icon.

https://stackblitz.com/edit/react-ts-a6phy9