import { styled } from 'styleh-components'
import { ParagraphPlaceholder, RectanglePlaceholder } from 'atoms/Placeholder'

const StyledDescription = styled.withComponent(ParagraphPlaceholder) `
  margin: rem(8) 0 rem(16) 0;
`

const CardBox = styled.div `
  max-width: rem(350);
  @phone-or-smaller() {
    width: 100%;
  }
`

const StyledButton = styled.withComponent(RectanglePlaceholder) `
  width: rem(250);
  @phone-or-smaller() {
    width: 100%;
  }
`

const Wrapper = styled.div ``

export { StyledDescription, StyledButton, CardBox, Wrapper }