Как в SVG выделить outer часть пересечения окружностей?

Question

[Павел]

Как закрасить только часть обозначенную 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>