Save

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -506,3 +506,128 @@
 		}
 	}
 }
+
+.product-card {
+	&:hover {
+		> .e-con-inner {
+			.elementor-widget-image {
+				a {
+					&::after {
+						height: 250%;
+						transition: all 600ms linear;
+						background-color: transparent;
+					}
+				}
+
+				img {
+					transform: scale(1.1);
+					filter: brightness(0.6);
+				}
+			}
+
+			.product-card-data {
+				.product-card-data-head {
+					padding-bottom: 20px;
+
+					.elementor-heading-title {
+						a {
+							color: #fff;
+						}
+					}
+				}
+
+				.product-card-data-text {
+					height: 300px;
+					p {
+						color: #fff;
+					}
+				}
+			}
+		}
+	}
+
+	> .e-con-inner {
+		.elementor-widget-image {
+			position: relative;
+			overflow: hidden;
+			height: 100%;
+
+			img {
+				height: 100%;
+				object-fit: cover;
+				// filter: brightness(0.7);
+				transition: all 0.3s ease-in-out;
+			}
+
+			a {
+				&::after {
+					content: '';
+					position: absolute;
+					width: 200%;
+					height: 0%;
+					left: 50%;
+					top: 50%;
+					background-color: rgba(255, 255, 255, 0.7);
+					transform: translate(-50%, -50%) rotate(-45deg);
+					z-index: 1;
+				}
+			}
+		}
+
+		.product-card-data {
+			position: absolute;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			z-index: 1;
+
+			padding: 40px;
+
+			.product-card-data-head {
+				padding-bottom: 0;
+				transition: all 250ms ease-in-out;
+
+				.elementor-heading-title {
+					position: relative;
+					margin-top: 0;
+					margin-bottom: 0;
+
+					&::before {
+						content: '';
+						position: absolute;
+						left: 0;
+						bottom: -4px;
+						width: 40px;
+						height: 2px;
+						background: var(--e-global-color-accent);
+					}
+
+					a {
+						transition: all 250ms ease-in-out;
+					}
+				}
+			}
+
+			.product-card-data-text {
+				padding-top: 0px;
+				margin-bottom: 0px;
+				height: 0;
+				max-height: fit-content;
+				overflow: hidden;
+				transition: all 250ms ease-in-out;
+
+				a {
+					display: block;
+				}
+
+				p {
+					transition: all 250ms ease-in-out;
+
+					&:last-child {
+						margin-bottom: 0;
+					}
+				}
+			}
+		}
+	}
+}