Sample styled button

gistfile1.txt

<Button
  variant="contained"
  loading={false} // if form is submitting, change state to true
  loadingPosition="start"
  sx={{
    bgcolor: "primary.main",
    borderRadius: 6,
    borderStyle: "double", // use none incase you don't want the double border.
    borderWidth: 6,
    boxShadow: "rgba(52, 117, 210, 0.3) 0px 30px 90px",
    color: "#fff",
    fontWeight: "bold",
    px: 3,
    "&:hover": {
      borderStyle: "double",
      boxShadow: "rgba(2, 87, 210, 0.4) 0px 10px 30px",
    },
  }}
  onClick={() => {}}
>
  SAMPLE BUTTON
</Button>