.swiper-container-wrapper.swiper-style-projects{
	.swiper-slide{
		width: min( 444px, 100% - 32px );

		a{
			overflow: hidden;
			display: block;
			position: relative;
			color: #fff;
			text-decoration: none;

			&::before{
				content: '';
				background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			img{
				transition: transform .6s ease;
			}
			&:hover img{
				transform: scale(1.1);
			}

			.title{
				position: absolute;
				z-index: 2;
				top: 32px;
				left: 32px;
				right: 32px;

				@media (max-width: 575px){
					top: 20px;
					left: 20px;
					right: 20px;
				}
			}

			.button{
				position: absolute;
				left: 32px;
				bottom: 32px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 48px;
				aspect-ratio: 1;
				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: 575px){
					bottom: 20px;
					left: 20px;
					width: 32px;
					background-size: 11px 11px;
				}
			}
		}
	}
}