aaa

src/assets/css/style.less

@@ -15,12 +15,19 @@ p {
 * {
 	box-sizing: border-box;
 }
-h1, h2, h3, h4, h5, h6, .products-title{
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.products-title {
 	font-family: Poppins, sans-serif;
-    font-weight: 600;
-    letter-spacing: 2px;
-    color: #222222;
-    text-transform: capitalize;
+	font-weight: 600;
+	letter-spacing: 2px;
+	color: #222222;
+	text-transform: capitalize;
 }
 
 @keyframes loading {
@@ -175,4 +182,33 @@ button[custom="black-box"] {
 	--button-click-bgcolor: #979797;
 	--button-click-color: #fff;
 	--button-font-size: 1.6rem;
+}
+
+.hover-bottom-animation {
+	position: relative;
+	cursor: pointer;
+
+	&::before {
+		content: '';
+		position: absolute;
+		height: 2px;
+		width: 0;
+		right: 0;
+		left: auto;
+		bottom: 0;
+		transition: width 0.2s ease-in-out;
+		-webkit-transition: width 0.2s ease-in-out;
+		background-color: #fff;
+	}
+
+	&:hover::before {
+		width: 100%;
+		left: 0;
+		right: auto;
+	}
+
+	&.active:before,
+	&.router-link-exact-active:before {
+		width: 100%;
+	}
 }