.ws-page-list-card-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	margin-bottom: 30px;

	& > a {
		background-color: white;
		text-decoration: none;
		color: hsl(0, 0%, 50%);
		display: block;
		-webkit-box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.05);
						box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.05);

		.image {
			-webkit-box-shadow: 0 0 3em hsla(0, 0%, 0%, 0.3) inset;
							box-shadow: 0 0 3em hsla(0, 0%, 0%, 0.3) inset;
			padding-top: 56.25%;
			background-size: cover;
			background-position: center;
		}

		.text {
			padding: 10px 15px;

			h2 {
				color: black;
				text-transform: uppercase;
				font-size: 18px;
				text-align: center;
			}

			p {
				font-style: italic;
				font-size: 0.9em;
				line-height: 1.5;
			}
		}

		&:hover {
			color: hsl(0, 0%, 70%);

			h2 {
				color: hsl(0, 100%, 40%);
			}

			.image {
				-webkit-box-shadow: none;
								box-shadow: none;

				&::before {
					background-color: transparent;
				}
			}
		}
	}
}