.recs {
	overflow: hidden;
}

.recs__intro {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.recs__intro {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 2em;
	}
}

.recs__logo {
	width: 100%;
	max-width: 280px;
	margin: 0 auto 2em;
}

@media screen and (min-width: 1024px) {
	.recs__copy {
		max-width: 690px;
		margin: 0 30px 0 0;
	}
}

.card-slider {
	max-width: 1170px;
	margin: 0 auto;
}

.card-slider .flickity-prev-next-button {
	background: transparent;
}

.card-slider .flickity-prev-next-button svg {
	width: 70%;
	height: 70%;
}

.card-slider .flickity-prev-next-button.previous {
	left: -20px;
}

.card-slider .flickity-prev-next-button.next {
	right: -20px;
}

@media screen and (min-width: 768px) {
	.card-slider .flickity-prev-next-button.previous {
		left: -33px;
	}

	.card-slider .flickity-prev-next-button.next {
		right: -33px;
	}
}

@media screen and (min-width: 1290px) {
	.card-slider .flickity-prev-next-button.previous {
		left: -70px;
	}

	.card-slider .flickity-prev-next-button.next {
		right: -70px;
	}
}

.card-slider .flickity-prev-next-button path {
	fill: #00a19a;
}

.card-slider .flickity-viewport {
}

.card-slider__card {
	background: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
	width: 314px;
	height: 333px;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	margin: 20px 20px;
}

@media screen and (min-width: 768px) {
	.card-slider__card {
		width: 360px;
		height: 400px;
	}
}

.card-slider__content {
	text-align: center;
	padding: 15px;
	flex: 1;
}

@media screen and (min-width: 768px) {
	.card-slider__content {
		padding: 60px 20px 20px;
	}
}

.card-slider__title {
	font-weight: 600;
	margin: 0 0 1.6em;
}

.card-slider__desc {
	font-weight: 700;
}

.card-slider__rating {
	height: 110px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	background: #00a19a;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.card-slider__rating {
		height: 130px;
	}
}

.card-slider__stars {
	margin: 10px 0 0;
}

.card-slider__stars img {
	margin: 0 2px;
}