# CircleHighlight
Small circle emphasizing key text ("ALL NEW", "UP NEXT").
```jsx
<CircleHighlight fill="pbs" color="yellow" size={140}>All<br/>New</CircleHighlight>
<CircleHighlight fill="navy" translucent size={120}>Up<br/>Next</CircleHighlight>
```
Rules (v3 pp.69–74): ≤8 characters/line, ≤3 lines, centered; one per layout; fills PBS Blue/Navy/Medium/Light/White (≥80% opacity over imagery via `translucent`); text Teal/Yellow/Coral/White/PBS Blue at 100%; never crop it, never image or gradient inside, never combine with other graphic elements; padding 10–20% of diameter around it.
