.info-card__header {
	margin-bottom: 17px;

	@media (max-width: $mobile) {
		margin-bottom: 10px;
		padding: 0 10px;
	}
}

.info-card__headline {
	min-height: 69px;

	@media (max-width: $mobile) {
		min-height: 50px;
	}
}

.info-card__title {
	@include title;
	margin: 0 0 5px;
	text-align: center;
}

.info-card__category {
	@include lesserHeadline;
	margin: 0;
	text-align: center;

	@media (max-width: $tablet) {
		margin-bottom: 10px;
	}

	@media (max-width: $mobile) {
		margin-bottom: 17px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.15px;
	}
}

.info-card__stats {
	@include bodyText;

	@media (max-width: $mobile) {
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0.1px;
	}
}

.info-card__stats p {
	margin: 0;

	@media (max-width: $mobile) {
		margin-bottom: 6px;
	}
}

.info-card__stats b {
	color: $text-main;
}

.info-card__stats em {
	font-weight: 700;
	font-style: normal;
	color: $accent-medium;
}

.info-card__body {
	margin-bottom: 25px;
	background-color: $bg-main;
	box-shadow: 0 4px 10px rgba(190, 190, 190, 0.25);
	border-radius: 6px;

	@media (max-width: $mobile) {
		margin-bottom: 14px;
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
	}
}

.info-card__footer {
	display: flex;
	justify-content: space-between;

	@media (max-width: $mobile) {
		flex-direction: column;
		padding: 0 10px;
	}
}

.info-card__link {
	@media (max-width: $mobile) {
		margin-bottom: 20px;
		padding: 5px 50px;
		color: $bg-main;
		background-color: $accent-main;
		font-size: 16px;

		svg:first-child {
			left: 18px;
		}

		svg:last-child {
			right: 18px;
		}

		&:hover,
		&:active,
		&:focus {
			color: $bg-main;
			background-color: $accent-medium;
		}
	}
}
