.usk-edd-standard-grid {
	.usk-edd-standard-grid-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
	}
	.usk-edd-standard-grid-item {
		transition: all .3s ease-in-out;
		border-width: 2px;
		border-style: solid;
		border-color: transparent;
		overflow: hidden;
		background-color: #fff;
		&:hover {
			border-color: #f00;
			.usk-action-button {
				opacity: 1;
				transform: translateY(0);
			}
			.usk-edd-content {
				transform: translateY(-50px);
			}
		}
	}
	.usk-edd-standard-grid-image {
		position: relative;
		z-index: 1;
		a {
			display: flex;
		}
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.usk-action-button {
		position: absolute;
		bottom: -25%;
		left: 0;
		text-align: center;
		right: 0;
		opacity: 0;
		transform: translateY(30px);
		transition: all .3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		input[type=submit] {
            display: none;
        }
		a,
		.edd-add-to-cart {
			padding: 15px 30px;
			font-size: 10px;
			text-transform: uppercase;
			font-weight: 700;
			color: #fff;
			text-decoration: none;
			overflow: hidden;
			transition: all .3s ease-in-out;
			position: relative;
			display: inline-block;
			vertical-align: middle;
			border-radius: 0;
			line-height: 1;
			border: 0;
		}
		.blue,
		.edd-add-to-cart {
			background-color: #000;
			&:hover {
				background-color: #d71400;
			}
		}
		.usk-details-button {
			a {
				background-color: #d71400;
				&:hover {
					background-color: #000;
				}
			}
		}
		span.edd-cart-ajax-alert,
		.button:not(.edd-add-to-cart) {
			display: none;
		}
	}
	.usk-edd-content {
		text-align: center;
		padding: 20px;
		transform: translateY(0);
		transition: all .3s ease;
	}
	.usk-edd-category {
		margin-bottom: 6px;
		display: inline-block;
		a {
			color: #5b5d66;
			font-size: 13px;
			text-transform: capitalize;
			text-decoration: none;
			transition: all .3s ease-in-out;
			&:hover {
				color: #d71400;
			}
		}
	}
	.usk-edd-title {
		font-size: 15px;
		font-weight: 700;
		text-transform: capitalize;
		margin: 0 0 6px;
		a {
			color: rgba(40, 40, 57, 0.96);
			text-decoration: none;
			transition: all .3s ease-in-out;
			&:hover {
				color: #d71400;
			}
		}
	}
	.usk-edd-price {
		font-size: 13px;
		font-weight: 600;
		display: inline-flex;
		align-content: center;
		justify-content: center;
		grid-column-gap: 10px;
	}
}
@media (min-width:768px) {
	.usk-edd-standard-grid-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:1024px) {
	.usk-edd-standard-grid-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}
}
