<Card className="border-0 shadow" style={styles.card}>
// style={styles.cardButton}
to={'/quizzes/' + this.props.id}
className={css(hoverStyles.opacityStyle, hoverStyles.circleStyle)}
<Card.Img src={this.props.img} style={styles.cardImage} />
<Card.Title className="mt-4" style={styles.cardTitle}>
<Card.Text className="mt-4" style={styles.cardText}>
{/* {this.props.duration && (
Average time: {this.props.duration} minutes.{' '}
<p> {this.state.count} players so far! </p>
<Row className="justify-content-center mt-2">
// style={styles.cardButton}
to={'/quizzes/' + this.props.id}
<Button className={css(hoverStyles.cardButton)}>Play Now</Button>
<Row className="justify-content-center mt-3 mb-3">
share.open(share.facebook);
className={css(hoverStyles.socialIcon, hoverStyles.opacityStyle)}
share.open(share.twitter);
className={css(hoverStyles.socialIcon, hoverStyles.opacityStyle)}
className={css(hoverStyles.socialIcon, hoverStyles.opacityStyle)}
{/* {this.props.beta && (
<LinkContainer to={'/quizzes/' + this.props.id}>
<div className={s.ribbon + ' ' + s.ribbonBottomLeft}>