import { styled } from 'styleh-components';
import { FlatButton } from '@skava/packages/ui';
const flatButtonStyles = styled.css `
  @font (13, regular);
  color: var(--color-blue);
  width: 100%;
  flex: 0 0 100%;
  flex-wrap: wrap;
  height: rem(44);
  background: var(--color-light-grey);
  border-radius: var(--spacing-extra-small);

  .button-text {
    @font (18, medium);
    color: var(--color-pure-white);
    letter-spacing: 0;
    text-align: center;
  }
`;
const thickButtonStyles = styled.css `
  text-align: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  align-items: center;
  border-radius: $border-radius;
  height: rem(40);
`;
export const StyledRegisterButton = styled(FlatButton).attrs({
    children: 'Create An Account',
}) `
  ${flatButtonStyles}
`;
export const StyledLoginButton = styled(FlatButton) `
  ${thickButtonStyles}
  color: var(--color-pure-white);
  background-color: var(--color-blue);
  font: $font-semi-bold;
  margin: 1rem 0 0 1rem;
  width: 100%;
`;
export const StyledForgotRegisterButtonGroupWrap = styled.div `
  ${thickButtonStyles}
  color: var(--color-pure-white);
  background-color: var(--color-blue);
  font: $font-semi-bold;
  margin: 1rem 0 0 1rem;
  width: 100%;
`;
//# sourceMappingURL=styled.js.map