Gradient Color is not working in Repeater

I’m working in a local wamp server came to know with a small issue for Group_Control_Background it’s not working properly background gradient is not showing. I have used Group_Control_Background in the repeater and in repeater I have used tabs. Below is the code.

$repeater = new Repeater();
$repeater->start_controls_tabs( 'button_repeater' );
$repeater->start_controls_tab(
	'button_design',
	[
		'label' => __( 'Design', AELA_TEXT_DOMAIN ),
	]
);
$repeater->add_group_control(
Group_Control_Background::get_type(),
	[
		'name'      => 'background_color',
		'types'     => [ 'classic', 'gradient' ],
		'condition' => [
			'button_custom_style!' => '',
		],
		'selector'  => '{{WRAPPER}} {{CURRENT_ITEM}} .at-button__content_wrapper',
	]
);
$repeater->add_group_control(
Group_Control_Background::get_type(),
	[
		'name'      => 'button_background_hover_color',
		'types'     => [ 'classic', 'gradient' ],
		'condition' => [
			'button_custom_style!' => '',
		],
		'selector'  => '{{WRAPPER}} {{CURRENT_ITEM}} .at-button-wrapper:hover .at-button',
	]
);

Below out showing in console CSS is this

#elementor .elementor-element-44abc8b .elementor-repeater-item-1dc9105 .at-button__content_wrapper {
    background-color: transparent;
    background-image: linear-gradient(180deg, , );
}

In the output, gradient color is not showing and just empty values

Let me know what I’m doing wrong with the above code.