ol[role="list"] { counter-reset: list-item; } ol[role="list"] li { list-style: none; position: relative; padding-left: 40px; counter-increment: list-item; font-family: Roobert, Arial, sans-serif !important; } ol[role="list"] li::before { content: counter(list-item); position: absolute; left: 0; top: 0; display: flex; width: 25px; height: 25px; padding: 0; justify-content: center; align-items: center; border-radius: 50%; background: var(--Color-Red, #E20000); color: #FFF; font: 700 1rem/140% Roobert, Arial, sans-serif; text-align: center; unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; } /* Unordered list with SVG icons */ ul[role="list"] li { list-style: none; position: relative; padding-left: 40px; font-family: Roobert, Arial, sans-serif !important; } ul[role="list"] li::before { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background-image: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="25" height="25" rx="12.5" fill="%23E20000"/><path d="M12.5 14.2675L10.1875 12.5L12.5 10.7325L14.8125 12.5L12.5 14.2675ZM19.6429 12.5881L12.5 7.14286L5.35714 12.5881V16.1906L7.68304 14.2946L12.5 17.8571L17.317 14.2946L19.6429 16.1906V12.5881Z" fill="white"/></svg>'); background-size: contain; background-repeat: no-repeat; background-position: center; }