.articles__blocks {
	display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}
.articles__links {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 30px;
	&.categor-tags {
		gap: 10px;
		li a {
			display: block;
			background-color: #efefef;
        	color: #111;
		}
	}
	li {
		a {
			border-radius: 9px;
			padding: .5em .83333em .44444em;
			color: #0079ff;
			font-size: 18px;
		}
		&.active {
			a {
				background-color: #efefef;
        		color: #111;
			}
		}
	}
}

.article__tpl {
	display: block;
	background: linear-gradient(79.34deg, #faf1ed, rgba(250, 241, 237, .49) 47.82%, #e6f2ff);
	padding: 10px;
    text-align: center;
	color: #333;
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	.article__title {
		font-size: 16px;
	}
	.article__desc {
		margin-top: 20px;
	}
	.list-articles__date {
		margin-top: 10px;
	}
}

.reading__line {
	display: flex;
	gap: 20px;
	.reading__info {
		letter-spacing: 0.2px;
		font-size: 16px;
	}
	.reading__time {
		display: flex;
		column-gap: 5px;
		span {
			display: block;
			width: 20px;
			height: 20px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2376BC33' d='M9 9h-.75c0 .199.079.39.22.53L9 9Zm0 6.717A6.717 6.717 0 0 1 2.283 9h-1.5A8.217 8.217 0 0 0 9 17.217v-1.5ZM15.717 9A6.717 6.717 0 0 1 9 15.717v1.5A8.217 8.217 0 0 0 17.217 9h-1.5ZM9 2.283A6.717 6.717 0 0 1 15.717 9h1.5A8.217 8.217 0 0 0 9 .783v1.5Zm0-1.5A8.217 8.217 0 0 0 .783 9h1.5A6.717 6.717 0 0 1 9 2.283v-1.5ZM8.25 4.2V9h1.5V4.2h-1.5Zm.22 5.33 3.2 3.2 1.06-1.06-3.2-3.2-1.06 1.06Z'/%3E%3C/svg%3E");
		}
	}
}