.c-card-news {
	cursor: pointer;

	&__cover {
		height: 191px;
		overflow: hidden;
	}

	&__meta {
		@include meta;
		margin: 22px 0 17px 0;
	}

	&__title {
		font-size: 22px;
		font-weight: 500;
		line-height: 32px;
		color: $color-black;
		transition: 0.3s;
	}

	.like-button--list {
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: $color-brand-blue;
		margin-left: auto;
		transition: 0.3s color, 0.3s background-color;
	}

	@include media-breakpoint-up(lg) {
		&__title {
			&:hover {
				color: #00a4cc;
			}
		}
	}

	@include media-breakpoint-down(md) {
		&__cover {
			height: 165px;
		}

		&__title {
			font-size: 22px;
		}

		&__meta {
			margin: 23px 0 14px 0;
		}
	}
}
