how to add a block to show some info below “add to cart” button

now i have known how to add some info below “add to cart” button at theme setting-single product-add to cart-After “Add to cart button”

the new question is how to show up some text when hovering over a word text?
just like the attached image

thanks

problem solved
1,create a html block for After “Add to cart button”

2, select “html code” and add following code

<span class="hover-textbest">Quality Guarantee<span class="tooltipbest">Some of Ebikedcmotor items enjoy [Quality Guarantee].<br> If the item you purchased has quality issues or problems caused by non-users,<br> and enjoys "Quality Guarantee", banggood will provide comprehensive after-sale service.</span></span> 

3,add following code to theme setting-custome css

  /* Add this CSS to your page’s Additional CSS or inline */
  .hover-textbest {
      position: relative;
      cursor: pointer;
		  color:black;
      display: inline-block;
  }
  
  .tooltipbest {
      display: none;
      position: absolute;
      bottom: 120%; /* Adjust as needed */
      left: 0;
      background-color: white;
      color: black;
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 14px;
      white-space: nowrap;
      z-index: 1000;
  }

  .hover-textbest:hover .tooltipbest {
      display: block;
  }