	.container {
	  gap: 40px;
	  font-size: 25px;
	  border-radius: 20px;
	  background-color: #585757;
	  box-sizing: border-box;
	  padding: 30px;
	  display: inline-flex;
	  top: 20vh;
	  left: 20vw;
	  position: relative;
	  box-shadow: 2px 3px 13px 0px gray;
	  z-index: -5;
	}

	i {
	  color: #e6e3e3;
		transition: color 100ms linear 0s;
	}

	.pointer {
	  position: absolute;
	  top: 0;
	  left: 155px;
	  background-color: gray;
	  width: 32px;
	  height: 4px;
	  transition: left 100ms linear 0s;
	}




	.fa-user:hover {
	  color: red;
	}

	.fa-user:hover ~ .pointer {
	  left: 26px;
	  background-color: red;
	}

	.fa-user:hover ~ .pointer::after {
	  width: 60px;
	  height: 60px;
	  content: '';
	  position: absolute;
	  top: 13px;
	  left: -1px;
	  background-position: 50% -75%,0% -40%;
	  background-size: 100% 52%;
	  background-repeat: no-repeat;
	  z-index: -1;
	  transform: scale(1.5);
	  clip-path: polygon(13px 4px, 5px 41px, 37px 41px, 30px 4px);
	  background-color: #ff00004f;
	}





	.fa-cart-shopping:hover {
	  color: blue;
	}

	.fa-cart-shopping:hover ~ .pointer {
	  left: 90px;
	  background-color: blue;
	}

	.fa-cart-shopping:hover ~.pointer::after {
	  width: 60px;
	  height: 60px;
	  margin-top: -75px;
	  content: '';
	  position: absolute;
	  top: 88px;
	  left: 0px;
	  background-position: 50% -75%,0% -40%;
	  background-size: 100% 52%;
	  background-repeat: no-repeat;
	  z-index: -1;
	  transform: scale(1.5);
	  background-color: #0000ff30;
	  clip-path: polygon(13px 4px, 5px 41px, 37px 41px, 30px 4px);
	}




	.fa-house:hover {
	  color: yellow;
	}

	.fa-house:hover ~ .pointer {
	  left: 158px;
	  background-color: yellow;
	}

	.fa-house:hover ~ .pointer::after {
	  width: 60px;
	  height: 60px;
	  content: '';
	  position: absolute;
	  top: 13px;
	  left: -1px;
	  background-position: 50% -75%,0% -40%;
	  background-size: 100% 52%;
	  background-repeat: no-repeat;
	  z-index: -1;
	  transform: scale(1.5);
	  clip-path: polygon(13px 4px, 5px 41px, 37px 41px, 30px 4px);
	  background-color: #34893466;
	}







	.fa-bookmark:hover {
	  color: black;
	}

	.fa-bookmark:hover ~ .pointer {
	  left: 222px;
	  background-color: black;
	}

	.fa-bookmark:hover ~ .pointer::after {
	  width: 60px;
	  height: 60px;
	  content: '';
	  position: absolute;
	  top: 13px;
	  left: -1px;
	  background-position: 50% -75%,0% -40%;
	  background-size: 100% 52%;
	  background-repeat: no-repeat;
	  z-index: -1;
	  transform: scale(1.5);
	  clip-path: polygon(13px 4px, 5px 41px, 37px 41px, 30px 4px);
	  background-color: #0000004d;
	}

			
			
			
			
			
			
	.fa-comment:hover {
	  color: green;
	}

	.fa-comment:hover ~ .pointer {
	  left: 283px;
	  background-color: green;
	}

	.fa-comment:hover ~ .pointer::after {
	  width: 60px;
	  height: 60px;
	  content: '';
	  position: absolute;
	  top: 13px;
	  left: -1px;
	  background-position: 50% -75%,0% -40%;
	  background-size: 100% 52%;
	  background-repeat: no-repeat;
	  z-index: -1;
	  transform: scale(1.5);
	  clip-path: polygon(13px 4px, 5px 41px, 37px 41px, 30px 4px);
	  background-color: #00800047;
	}