"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledButton = void 0;
const tslib_1 = require("tslib");
const core_1 = require("@material-ui/core");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
exports.StyledButton = (0, styled_components_1.default)(core_1.Button) `
    && {
        &.MuiButton-root {
            color: #272932;
            padding: 6px 12px;

            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: center;
            text-transform: capitalize;

            .MuiButton-textPrimary {
                color: 4050a6;
            }

            &.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=StyledButton.js.map