How do I create a text circle with an informational button?

Store Design
, , ,

Topic summary

A user is seeking help creating a specific UI element for their store design:

Primary Request:

  • White circular background with black text
  • Black circle containing a white plus sign (+) for interaction

Desired Functionality:

  • Clickable or hoverable button to reveal additional information
  • Ability to display/set a number value
  • “View more” button functionality

This appears to be a CSS/HTML customization question for implementing an informational tooltip or expandable content element. The discussion remains open with no responses or solutions provided yet.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

I need a white text circle with black text. Adding a white plus sign in a black circle to click or hover to get more information. Then if possible set the number shown and a view more button added.