import { styled } from 'styleh-components'
import { Button, ButtonLabel } from 'atoms/Button'

const StyledLinkButton = styled.withComponent(Button)`
  background-color: transparent;
  border: none;
  color: #00a0db;
  width: ${props => props.width || '100%'};
  height: rem(44);
  padding: 0 rem(8);
  &:hover {
    text-decoration: underline;
  }

  ${ButtonLabel} {
    color: #00a0db;
    text-transform: none;
  }
`

export { StyledLinkButton }