Save

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

@@ -3,3 +3,94 @@ p {
 		margin-bottom: 0;
 	}
 }
+
+.tile-title {
+	.elementor-icon-list-item {
+		column-gap: 12px;
+	}
+
+	.elementor-icon-list-icon {
+		line-height: 0;
+		padding: 10px !important;
+		border-radius: 0.75rem;
+		background: rgba(238, 43, 140, 0.1);
+	}
+	svg {
+		margin: 0 !important;
+
+		path {
+			stroke: #ee2b8c;
+		}
+	}
+
+	.elementor-icon-list-text {
+		padding-left: 0 !important;
+
+		color: #1d2330;
+		font-size: 1.25rem;
+		line-height: 1.5;
+		font-weight: 700 !important;
+		letter-spacing: -0.025em;
+	}
+}
+
+.vakmanschap-tile {
+	position: relative;
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+	&::before {
+		content: '';
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		border: none;
+		opacity: 0;
+		background: linear-gradient(
+			135deg,
+			rgba(238, 43, 140, 0.05),
+			rgba(249, 140, 31, 0.05)
+		);
+		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+	&:hover {
+		border-color: rgb(238, 43, 140, 0.2) !important;
+		box-shadow:
+			0 0 #0000,
+			0 0 #0000,
+			0 20px 25px -5px rgb(0 0 0 / 0.1),
+			0 8px 10px -6px rgb(0 0 0 / 0.1);
+		transform: translateY(-0.25rem);
+
+		&::before {
+			opacity: 1;
+		}
+
+		.elementor-widget-image {
+			img {
+				transform: scale(1.1);
+			}
+		}
+		.elementor-widget-button {
+			.elementor-button-content-wrapper {
+				gap: 10px;
+			}
+		}
+	}
+
+	.elementor-widget-image {
+		position: relative;
+		overflow: hidden;
+		border-radius: 0.75rem;
+
+		img {
+			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+		}
+	}
+
+	.elementor-widget-button {
+		.elementor-button-content-wrapper {
+			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+		}
+	}
+}