front-hub/src/components/Button.tsx

import { Button as DefaultButton, styled } from "@mui/material";
import { ButtonProps } from "@mui/material/Button";
import { CSSProperties } from "react";


interface Props {
    sx?: CSSProperties;
    py?: string;
}

export default styled(DefaultButton)<ButtonProps & Props>(props => ({
    paddingLeft: "41.5px",
    paddingRight: "41.5px",
    paddingTop: props.py || "10px",
    paddingBottom: props.py || "10px",
    borderRadius: "8px",
    boxShadow: "none",
    ...props.style 
}));