How to highlight the outer part of the intersection of circles in SVG?

Question

HTML

How to paint only the part marked with X?

<svg width="270" height="270">
                                    <g class="g-text">
                                        <text x="70" y="55" font-size="35">A</text>
                                        <text x="150" y="55" font-size="35">B</text>
                                    </g>
                                    <g class="g-circles" fill="none">
                                        <circle r="70" cx="80" cy="135"
                                                stroke="yellowgreen"
                                                fill="yellowgreen"
                                                fill-opacity=".5">
                                        </circle>
                                        <circle r="70" cx="160" cy="135"
                                                stroke="crimson"
                                                fill="crimson"
                                                fill-opacity=".5">
                                        </circle>
                                    </g>
                                </svg>