/**
 * Custom – Blog Listing Block
 */

.blog-listing__category {
	border-bottom: 3px solid var(--wp--preset--color--dark-green);
	margin-block-end: var(--wp--preset--spacing--70);
	padding-block-end: var(--wp--preset--spacing--40);
}

.blog-listing__articles {
	margin-block-end: var(--wp--preset--spacing--60);
	@media screen and (min-width: 782px) {
		display: grid;
		gap: var(--wp--preset--spacing--70);
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.article-teaser {
		margin-block-end: var(--wp--preset--spacing--60);
		@media screen and (min-width: 782px) {
			margin-block-end: 0;
		}
	}
}

.blog-listing__button {
	text-align: center;
	a {
		color: var(--wp--preset--color--dark-green);
		font-size: var(--wp--preset--font-size--small);
		font-weight: 500;
		letter-spacing: 1px;
		padding: 12px;
		padding-inline-end: var(--wp--preset--spacing--50);
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		transition: color 0.25s ease-in-out;

		&::after {
			background-image: url(../images/chevron-right-green-dark.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 14px;
			border-radius: 50%;
			content: '';
			display: block;
			height: 18px;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			transition: background-image 0.25s ease-in-out;
			width: 14px;

			@media screen and (min-width: 782px) {
				right: 15px;
			}
		}

		&:hover {
			color: var(--wp--preset--color--green);

			&::after {
				background-image: url(../images/chevron-right-green.svg);
			}
		}
	}
}