Add Icon in the Add to Cart Button – Woocommerce

define(
    'WOO_ATC_ICON_HTML',
    '<i class="ri-handbag-line"></i>'
);
add_action( 'wp_enqueue_scripts', function () {
    if ( is_product() ) {
        wp_enqueue_style(
            'remixicon',
            'https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.min.css',
            [],
            '4.2.0'
        );
		
		wp_add_inline_style(
        'remixicon',
        '
		
		.woo-atc-icon {
			color: #fff;
// 			margin-right: 5px !important; 
			font-size: 18px !important;
		}
        .single_add_to_cart_button:not(.buy_now_button){
		gap:10px;
		}
        '
    );
		
    }
});

add_action( 'woocommerce_before_single_product', function () {

    ob_start( function ( $buffer ) {

        if ( ! is_product() ) return $buffer;

        // Allow only <i class="">
        $icon_html = wp_kses(
            WOO_ATC_ICON_HTML,
            [
                'i' => [
                    'class' => []
                ]
            ]
        );

        return preg_replace(
            '/(<button[^>]*class=["\'][^"\']*single_add_to_cart_button[^"\']*["\'][^>]*>)(.*?)(<\/button>)/i',
            '$1<span class="woo-atc-icon">' . $icon_html . '</span>$2$3',
            $buffer
        );
    });
});

add_action( 'woocommerce_after_single_product', function () {
    ob_end_flush();
});