Save

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

@@ -0,0 +1,62 @@
+#box-floating-icons {
+	position: fixed;
+	bottom: 150px;
+	right: 10px;
+	z-index: 100;
+
+	.elementor-icon-list-item {
+		a {
+			position: relative;
+			width: 36px;
+			min-width: 36px;
+			height: 36px;
+			border-radius: 100px;
+			background: #255b38;
+
+			align-items: center;
+			justify-content: center;
+
+			&::before {
+				content: '';
+				position: absolute;
+				width: 15px;
+				height: 15px;
+				top: 50%;
+				left: 50%;
+				background: #255b38;
+				transform: translate(-50%, -50%);
+				z-index: -1;
+				border-radius: 100%;
+			}
+
+			&:hover {
+				&::before {
+					animation: float-item-puls 1s infinite;
+				}
+			}
+
+			@keyframes float-item-puls {
+				0% {
+					width: 25px;
+					height: 25px;
+					opacity: 1;
+				}
+				100% {
+					width: 55px;
+					height: 55px;
+					opacity: 0;
+				}
+			}
+		}
+
+		svg {
+			margin: 0;
+			path {
+				margin: 0;
+			}
+		}
+		.elementor-icon-list-text {
+			display: none;
+		}
+	}
+}