<svg viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')">
  <path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path>
  <path d="m 30,50 h 40"></path>
  <path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path>
</svg>
<style>
  display: inline;
  height: 100%;
  margin: 0;
  width: 100%;
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#000;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham8 .top {
  stroke-dasharray: 40 160;
}
.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.ham8.active .top {
  stroke-dashoffset: -64px;
}
.ham8.active .middle {
  //stroke-dashoffset: -20px;
  transform: rotate(90deg);
}
.ham8.active .bottom {
  stroke-dashoffset: -64px;
}
<style/>
			<style>/*! elementor - v3.18.0 - 20-12-2023 */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>													<a href="https://trifokalspace.com/new-home/">
							<img width="135" height="90" src="https://trifokalspace.com/wp-content/uploads/2021/09/Trifokal-Space-Blue-Logo.jpg" alt="" />								</a>
			<link rel="stylesheet" href="https://trifokalspace.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css">		<ul>
							<li>
											<a href="tel:+233%200557183471">
											</a>
									</li>
						</ul>
					<ul>
							<li>
											<a href="tel:+233%200557183471">
											</a>
									</li>
						</ul>
					<ul>
							<li>
											<a href="tel:+233%200557183471">
											</a>
									</li>
						</ul>