.swiper-container-wrapper.swiper-style-news{
	@media (max-width: 991px){
		margin: 0 var(--snap);
	}

	[data-non-swiper-class="swiper-wrapper"]{
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		grid-auto-rows: 1fr;
		gap: 24px;
	}
	[data-non-swiper-class="swiper-slide"]{

		a{
			text-decoration: none;
			display: flex;
			height: 100%;
			background: var(--wp--preset--color--gray-50);
			color: var(--wp--preset--color--primary-950);
		}

		figure{
			flex-shrink: 0;
			overflow: hidden;
			width: 50%;

			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform .6s ease;
			}
		}
		a:hover figure img{
			transform: scale(1.1);
		}

		.inner{
			display: flex;
			flex-direction: column;
			padding: 32px;

			@media (max-width: 1199px){
				padding: 24px;
			}
		}

		.title{
			margin: 0 0 24px;
		}

		&[data-slide="0"]{
			grid-row: span 2;

			a{
				flex-direction: column;
			}
			figure{
				width: 100%;
			}
			.inner{
				flex-grow: 1;
			}
		}
	}
	
	.swiper-slide{
		width: min( 360px, 100% - 32px );

		figure img{
			width: 100%;
			aspect-ratio: 358/255;
			object-fit: cover;
		}

		a{
			text-decoration: none;
		}

		.inner{
			padding: 20px 16px;
		}

		.title{
			margin: 0 0 20px;
			font-size: 20px !important;
		}
	}

	.button{
		width: 48px;
		aspect-ratio: 1;
		margin: auto 0 0;
		background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14"><path stroke="%23011d3c" stroke-width="1.5" d="M0 6.53033h12.5m0 0-6-6m6 6-6 5.99997"/></svg>') center no-repeat;
		border: 1px solid var(--wp--preset--color--gray-200);

		@media (max-width: 767px){
			width: 32px;
			background-size: 11px 11px;
		}
	}
}