import { Button } from "@material-ui/core";
import styled from "styled-components";
export const StyledButton = styled(Button) `
    && {
        &.MuiButton-root {
            color: #272932;
            padding: 6px 12px;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: center;
            text-transform: capitalize;

            &.MuiButton-textSizeSmall {
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 16.8px;
            }

            &.MuiButton-outlined {
                border: 1px solid #4050a6;
            }

            &.MuiButton-containedPrimary {
                background: #4050a6;
                color: #fff;

                &.Mui-disabled {
                    color: #fff;
                    background: rgba(39, 41, 50, 0.1);
                }

                &:hover {
                    opacity: 0.8;
                }
            }

            &.MuiButton-root.MuiButton-containedPrimary.Mui-disabled {
                color: #fff;
            }

            &.MuiButton-sizeLarge {
                font-size: 14px;
                line-height: 22px;
            }

            &.MuiButton-sizeSmall {
                font-size: 12px;
                line-height: 18px;
            }
        }
    }
`;
//# sourceMappingURL=Button.js.map