.single_post_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: stretch;
	flex-wrap: wrap;
	gap: var(--gap-l);
}

@media (1080px < width <= 1400px) {
	.single_post_list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (700px < width <= 1080px) {
	.single_post_list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (width <= 700px) {
	.single_post_list {
		grid-template-columns: repeat(1, 1fr);
	}
}

.single_post {
	text-decoration: none;
	&:hover {
		text-decoration: none;
		.post_button {
			&:before {
				transform: rotateZ(45deg);
			}
		}
	}
	a {
		&:hover {
			text-decoration: none;
		}
	}
	.post_thumb {
		aspect-ratio: 1 / 1;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: relative;
		border-radius: var(--border-radius-m);
	}
	.post_button {
		position: absolute;
		top: clamp(10px, 2vw, 20px);
		right: clamp(10px, 2vw, 20px);
		background: var(--deep-grey);
		border-color: var(--deep-grey);
	}
	.post_data {
		padding-top: 10px;
		display: flex;
		flex-flow: column;
		gap: 10px;
	}
	.post_categories {
		span {
			color: var(--white);
			background: var(--primary);
			&.post_date {
				color: var(--deep-grey);
				background: var(--tertiary);
			}
		}
	}
	.wp_content {
		color: var(--white);
		.p {
			font-weight: 700;
		}
	}
	&.big_block {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		padding: var(--gap-s);
		border-radius: var(--border-radius-m);
		position: relative;
		&:hover {
			text-decoration: none;
			.post_button {
				&:before {
					transform: rotateZ(45deg);
				}
			}
		}
		p {
			margin: 0;
		}
	}
}

@media (width <= 700px) {
	.single_post {
		&.big_block {
			aspect-ratio: 1 / 1;
		}
	}
}