import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
import { BlueButton, 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: 2.75rem;
  background: var(--color-light-grey);
  border-radius: 4px;

  .button-text {
    @font (18, medium);
    color: var(--color-pure-white);
    letter-spacing: 0;
    text-align: center;
  }
`;
export const StyledRegisterButton = styled(FlatButton).attrs({
    children: 'Create An Account',
}) `
  ${flatButtonStyles}
`;
export const StyledFlatBackButton = styled(FlatButton) `
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;

  @font (13, regular);
  margin-bottom: var(--spacing2x);
  align-items: center;
`;
export const SignInButton = styled(BlueButton).attrs({
    'data-qa': 'qa-signin-signin',
    'children': 'Sign In',
}) `
  ${media.phoneOrSmaller `
    margin-top: var(--spacing2x);
  `}
`;
export const One = styled.span.attrs({
    children: 'New To T-Giant? ',
}) `
  width: 100%;
  margin: var(--spacing-medium) 0rem 0.625rem 0rem;
  @font (14,regular);
  color: var(--color-black);
  letter-spacing: 0;
  line-height: 1.5rem;
`;
export const RegisterPunchWrap = styled.div `
  align-items: left;
  text-align: left;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: var(--spacing-small);
`;
//# sourceMappingURL=styled.js.map