Tooltip

export default function Component() {
  return (
    <div className="tooltip-container">
  <span className="tooltip">
    <span>
      <svg
        className="tooltip-icon"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 24 24"
      >
        <defs>
          <linearGradient y2="1" x2="0" id="gradient">
            <stop stop-color="#96a1e8" offset="0%"></stop>
            <stop stop-color="#5061be" offset="100%"></stop>
          </linearGradient>
        </defs>
        <path
          d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"
          fill="url(#gradient)"
        ></path>
      </svg>
    </span>
    <span className="tooltip-lines">
      <span className="tooltip-line-1"></span>
      <span className="tooltip-line-2"></span>
    </span>
  </span>
  <span className="text">
    <span className="tooltip-lines">
      <span className="tooltip-line-1"></span>
      <span className="tooltip-line-2"></span>
    </span>
  </span>
</div>
  );
}