<?php
$block_id_attr = ! empty( $block_id ) ? "block_id='" . esc_attr($block_id) . "'" : '';
$block_id = ! empty( $block_id ) ? ' '.esc_attr($block_id) : ''; ?>
<div class="betterdocs-load-more-wrapper">
    <button class="betterdocs-load-more-button<?php echo esc_attr($block_id); ?>" type="button" data-page="2" <?php echo $block_id_attr; ?> data-current_term_id="<?php esc_attr_e( get_queried_object_id() ); ?>">
        <p class="load-more-text"><?php echo betterdocs()->template_helper->kses( $load_more_text );?></p>
        <svg
            class="betterdocs-load-more-loader"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            style="margin: 0; background: none; shape-rendering: auto;"
            width="25px"
            height="25px"
            viewBox="0 0 100 100"
            preserveAspectRatio="xMidYMid"
        >
            <g transform="translate(78,50)">
                <g transform="rotate(0)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="1">
                        <animateTransform attributeName="transform" type="scale" begin="-0.8663366336633663s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.8663366336633663s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(69.79898987322333,69.79898987322332)">
                <g transform="rotate(45)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.875">
                        <animateTransform attributeName="transform" type="scale" begin="-0.7425742574257426s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.7425742574257426s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(50,78)">
                <g transform="rotate(90)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.75">
                        <animateTransform attributeName="transform" type="scale" begin="-0.6188118811881188s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.6188118811881188s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(30.201010126776673,69.79898987322333)">
                <g transform="rotate(135)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.625">
                        <animateTransform attributeName="transform" type="scale" begin="-0.49504950495049505s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.49504950495049505s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(22,50)">
                <g transform="rotate(180)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.5">
                        <animateTransform attributeName="transform" type="scale" begin="-0.3712871287128713s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.3712871287128713s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(30.201010126776666,30.201010126776673)">
                <g transform="rotate(225)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.375">
                        <animateTransform attributeName="transform" type="scale" begin="-0.24752475247524752s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.24752475247524752s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(49.99999999999999,22)">
                <g transform="rotate(270)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.25">
                        <animateTransform attributeName="transform" type="scale" begin="-0.12376237623762376s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="-0.12376237623762376s"></animate>
                    </circle>
                </g>
            </g>
            <g transform="translate(69.79898987322332,30.201010126776666)">
                <g transform="rotate(315)">
                    <circle cx="0" cy="0" r="6" fill="#ccbaff" fill-opacity="0.125">
                        <animateTransform attributeName="transform" type="scale" begin="0s" values="1.5 1.5;1 1" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite"></animateTransform>
                        <animate attributeName="fill-opacity" keyTimes="0;1" dur="0.9900990099009901s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
                    </circle>
                </g>
            </g>
        </svg>
    </button>
</div>
