ol {
    counter-reset: my-counter;
    list-style: none;
    padding-left: 40px;
}
ol li {
    margin: 0 0 0.5rem 0;
    counter-increment: my-counter;
    position: relative;
}
ol li::before {
    content: counter(my-counter);
    color: #ffffff;
    font-size: 1.5rem;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size));
    line-height: var(--size);
    width:calc(var(--size) + 5px);
    height: var(--size);
    top: 0;
    transform: rotate(-10deg);
    background: #857463;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 0 #999;
}