import { styled } from 'styleh-components';
import { MaterialIcon } from '@skava/ui/dist/components/atoms/MaterialIcon';
const StyledButton = styled.button `
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 40px 0;
`;
const ButtonText = styled.span `
  font-size: 14px;
  color: #00000;
  text-transform: uppercase;
`;
const StyledMaterialIcon = styled(MaterialIcon) `
  max-width: 25px;
  max-height: 20px;
  margin-right: 10px;
`;
const InnerWrapper = styled.div `
  width: rem(154);
  height: rem(46);
  border: 1px solid #000000;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  margin-right: 80px;
  align-items: center;

  &:hover {
    background: #000000 !important;
    border: 1px solid #000000;
    span {
      color: #ffffff;
    }
    svg {
      fill: #ffffff;
    }
  }
`;
export { StyledButton, InnerWrapper, ButtonText, StyledMaterialIcon };
//# sourceMappingURL=styled.js.map