.widget ul.grid_columns
{
	list-style: none;
	padding: 0;
}

	.widget.masonry ul.grid_columns
	{
		column-count: 3;
	}

	.widget.square ul.grid_columns
	{
		display: flex;
		flex-wrap: wrap;
		gap: 1%;
	}

	.widget ul.grid_columns > li
	{
		background: #fff;
		border-radius: .5em;
		box-shadow: 0 .2em .4em rgba(0, 0, 0, .15);
		flex: 0 1 auto;
		margin: 0 0 .6em;
		overflow: hidden;
		position: relative;
	}

		.widget.masonry ul.grid_columns > li
		{
			page-break-inside: avoid;
			break-inside: avoid;
		}

		.widget.square ul.grid_columns > li
		{
			flex: 0 1 auto;
			width: 32.666666666667%;
		}

		.widget ul.grid_columns > li .image
		{
			background: rgba(0, 0, 0, .03);
			border-radius: .3em;
			margin: .2em .2em 0;
			overflow: hidden;
		}

			.widget ul.grid_columns > li .image img
			{
				display: block;
				object-fit: cover;
				transition: all 1s ease;
				width: 100%;
			}

				.widget ul.grid_columns > li:hover .image img
				{
					transform: scale(1.1);
				}

		.widget ul.grid_columns .content
		{
			padding: .6em .8em .8em;
			position: relative;
		}

			.widget ul.grid_columns .content .text
			{
				font-size: .9em;
			}

				.widget ul.grid_columns .content .text > p
				{
					margin-top: 0;
				}

			.widget ul.grid_columns .meta
			{
				font-size: .7em;
				opacity: 1;
				position: absolute;
				top: -2.4em;
				transition: all 1s ease;
				left: .6em;
			}

				.widget ul.grid_columns > li:hover .meta
				{
					opacity: 0;
				}

				.widget ul.grid_columns .meta > span, .widget ul.grid_columns .meta > a
				{
					background: #fff;
					border-radius: .2em;
					margin-right: .3em;
					padding: .5em 1em;
				}

			.widget ul.grid_columns .content a
			{
				text-decoration: none;
			}

			.widget ul.grid_columns .content > a
			{
				font-weight: bold;
			}

			.widget ul.grid_columns .content .wp-block-button
			{
				margin-top: .5em;
				text-align: right;
			}

				.widget ul.grid_columns .content .wp-block-button__link
				{
					padding: .5em 1em;
				}@media screen and (min-width: 930px) and (max-width: 1199px)
	{
		.widget.masonry ul.grid_columns
		{
			column-count: 2;
		}

		.widget.square ul.grid_columns > li
		{
			width: 49.5%;
		}
	}@media screen and (max-width: 929px)
	{
		.widget.masonry ul.grid_columns
		{
			column-count: 1;
		}

		.widget.square ul.grid_columns > li
		{
			width: 100%;
		}
	}