这个东西有办法用css实现吗，问ai都不知道怎么描述

实在不会就切图

白色的border遮住红色的长条就可以在外部形成白色的圆环，然后再使用盒子阴影添加内部的红色圆环，最后设置背景色为白色即可。注意浏览器会出现渲染像素的精度误差，所以要把这个元素放大1.01倍遮住左侧的红色细线。

✨html代码：<div><span class="icon">❗</span><span class="text">重要</span></div>
✨css代码： div { display: flex; gap: 10px; align-items: center; width: 300px; border-radius: 100px; background-color: red; } .icon { display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 3px solid white; box-shadow: 0 0 0 4px red inset; width: 30px; height: 30px; background-color: white; transform: scale(1.01); } .text { color: white; }