<section class="o-ctaBlock">
    <div class="l-grid">
        <div class="l-bisection">
            <div class="l-bisection__item c-ctaBlock__left">
                <svg class="c-ctaBlock__left__bg" height="100%" viewBox="0 0 799 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <defs>
                        <rect id="ctaBlock__left-path" x="0" y="-25%" height="150%" rx="20" width="100%"></rect>
                        <linearGradient x1="82.224348%" y1="50%" x2="15.7008608%" y2="50%" id="ctaBlock__left-linearGradient">
                            <stop stop-color="#699BFF" offset="0%"></stop>
                            <stop stop-color="#2F6CE6" offset="100%"></stop>
                        </linearGradient>
                    </defs>
                    <g id="Design" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <g id="Over-Ons" transform="translate(-240.000000, -4043.000000)">
                            <g id="Statistieken" transform="translate(240.000000, 4043.000000)">
                                <g id="Oval-3-Copy" transform="translate(419.500000, 250.000000) rotate(-180.000000) translate(-419.500000, -250.000000) ">
                                    <mask id="ctaBlock__left-mask" fill="white">
                                        <use xlink:href="#ctaBlock__left-path"></use>
                                    </mask>
                                    <g id="Mask"></g>
                                    <ellipse id="Oval-3" fill="url(#ctaBlock__left-linearGradient)" mask="url(#ctaBlock__left-mask)" cx="495.270833" cy="250" rx="455.270833" ry="456"></ellipse>
                                </g>
                            </g>
                        </g>
                    </g>
                </svg>
                <div class="c-ctaBlock__personalData">
                    <h2>{!! $component->getValueFromAttribute('blockTitle') !!}</h2>
                    {!! $component->getValueFromAttribute('blockText') !!}
                </div>
            </div>
            <div class="l-bisection__item c-ctaBlock__right">
                <p>{!! $component->getValueFromAttribute('Text') !!}</p>
                <h2>{!! $component->getValueFromAttribute('Title') !!}</h2>
                <a href="{!! $component->getValueFromAttribute('linkAddress') !!}">
                    @include('site.components.button', ['buttonText' => $component->getValueFromAttribute('linkText'), 'modifiers' => ['icon']])
                </a>
            </div>
        </div>
    </div>
</section>