<div class="pgcu-carousel-nav pgcu-carousel-nav--circle pgcu-carousel-nav--<?php echo esc_attr( $navigation_position ); ?>" style="
        --pgcu-navArrowColor: <?php echo esc_attr( $navigation_arrow_color ); ?>;
        --pgcu-navArrowColorHover: <?php echo esc_attr( $navigation_arrow_hover_color ); ?>;
        --pgcu-navBgColor: <?php echo esc_attr( $navigation_back_color ); ?>;
        --pgcu-navBgColorHover: <?php echo esc_attr( $navigation_back_hover_color ); ?>;
        --pgcu-navBorderColor: <?php echo esc_attr( $navigation_border_color ); ?>;
        --pgcu-navBorderColorHover: <?php echo esc_attr( $navigation_border_hover_color ); ?>;
    ">
    <div class="pgcu-carousel-nav__btn pgcu-carousel-nav__btn--prev">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/></svg>
    </div>
    <div class="pgcu-carousel-nav__btn pgcu-carousel-nav__btn--next">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>
    </div>
</div>