How to implement delay in infinite animation?

Question

css

How to implement a delay in an infinite animation? I looked at similar topics, it was written there that you need to remove repeatCount = "indefinite". But now the animation works only once.

<svg>
      <circle id="green" r="19" cx="50" cy="50" fill="green" fill-opacity=".82"/>
      <animate
              xlink:href="#green"
              attributeName="r"
              from="19"
              to="30"
              dur="3s"
              begin="3s;green.end+5s"/>
</svg>

Answer 1

<svg>
  <circle  r="19" cx="50" cy="50" fill="green" fill-opacity=".82">
    <animate id="green" attributeType="CSS" attributeName="r"
             from="19" to="30" dur="3s" begin="3s;green.end+3s" />
  </circle>
</svg>