# master-addons/3.1.0/addons/basic/ma-creative-buttons/ma-creative-buttons.php

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits, version 3.1.0. 678 lines.

- Page: https://pluginprobe.com/plugins/master-addons/3.1.0/code/addons/basic/ma-creative-buttons/ma-creative-buttons.php
- Raw: https://pluginprobe.com/plugins/master-addons/3.1.0/raw/addons/basic/ma-creative-buttons/ma-creative-buttons.php
- Modified: 2026-05-19T13:15:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/master-addons/3.1.0/code/addons/basic/ma-creative-buttons/ma-creative-buttons.php#L10-L20`.

```php
<?php

namespace MasterAddons\Addons;

use MasterAddons\Inc\Classes\Base\Master_Widget;
use \Elementor\Controls_Stack;
use \Elementor\Controls_Manager as Controls_Manager;
use \Elementor\Group_Control_Border as Group_Control_Border;
use \Elementor\Group_Control_Box_Shadow as Group_Control_Box_Shadow;
use \Elementor\Group_Control_Typography as Group_Control_Typography;
use \Elementor\Core\Kits\Documents\Tabs\Global_Typography;
use MasterAddons\Inc\Classes\Helper;
use MasterAddons\Inc\Admin\Config;

/**
 * Author Name: Liton Arefin
 * Author URL : https: //jeweltheme.com
 * Date       : 6/25/19
 */

if (!defined('ABSPATH')) exit; // If this file is called directly, abort.

class Creative_Button extends Master_Widget
{
	use \MasterAddons\Inc\Traits\Widget_Notice;
	use \MasterAddons\Inc\Traits\Widget_Assets_Trait;

	public function get_name()
	{
		return 'ma-creative-buttons';
	}

	public function get_title()
	{
		return esc_html__('Creative Buttons', 'master-addons' );
	}

	public function get_icon()
	{
		return 'jltma-icon ' . Config::get_addon_icon($this->get_name());
	}

	protected function register_controls()
	{

		$this->start_controls_section(
			'ma_el_creative_button_content_style_presets',
			[
				'label' => esc_html__('Button Preset & Controls', 'master-addons' )
			]
		);

		// Define default free options - Pro version overrides via filter
		$button_effect_options = apply_filters('master_addons/addons/creative_buttons/button_effect', [
			'jltma-creative-button--default' => esc_html__('Default', 'master-addons'),
			'jltma-creative-button--winona'  => esc_html__('Winona', 'master-addons'),
			'jltma-creative-button--ujarak'  => esc_html__('Ujarak', 'master-addons'),
			'jltma-creative-button--wayra'   => esc_html__('Wayra', 'master-addons'),
			'jltma-creative-button--tamaya'  => esc_html__('Tamaya', 'master-addons'),
			'jltma-creative-button--rayen'   => esc_html__('Rayen', 'master-addons'),
			'jltma-creative-button--pro-1'   => esc_html__('Pipaluk (Pro)', 'master-addons'),
			'jltma-creative-button--pro-2'   => esc_html__('Moema (Pro)', 'master-addons'),
			'jltma-creative-button--pro-3'   => esc_html__('Isi (Pro)', 'master-addons'),
			'jltma-creative-button--pro-4'   => esc_html__('Aylen (Pro)', 'master-addons'),
			'jltma-creative-button--pro-5'   => esc_html__('Saqui (Pro)', 'master-addons'),
			'jltma-creative-button--pro-6'   => esc_html__('Wapasha (Pro)', 'master-addons'),
			'jltma-creative-button--pro-7'   => esc_html__('Nina (Pro)', 'master-addons'),
			'jltma-creative-button--pro-8'   => esc_html__('Nanuk (Pro)', 'master-addons'),
			'jltma-creative-button--pro-9'   => esc_html__('Nuka (Pro)', 'master-addons'),
			'jltma-creative-button--pro-10'  => esc_html__('Antiman (Pro)', 'master-addons'),
			'jltma-creative-button--pro-11'  => esc_html__('Itzel (Pro)', 'master-addons'),
			'jltma-creative-button--pro-12'  => esc_html__('Naira (Pro)', 'master-addons'),
			'jltma-creative-button--pro-13'  => esc_html__('Quidel (Pro)', 'master-addons'),
			'jltma-creative-button--pro-14'  => esc_html__('Sacnite (Pro)', 'master-addons'),
			'jltma-creative-button--pro-15'  => esc_html__('Shikoba (Pro)', 'master-addons'),
		]);

		$this->add_control(
			'creative_button_effect',
			[
				'label'       => esc_html__('Button Effects', 'master-addons'),
				'type'        => Controls_Manager::SELECT,
				'default'     => 'jltma-creative-button--default',
				'options'     => $button_effect_options,
				'description' => Helper::upgrade_to_pro('15+ more Variations on'),
			]
		);

		$this->add_responsive_control(
			'ma_el_creative_button_alignment',
			[
				'label'       => esc_html__('Button Alignment', 'master-addons' ),
				'type'        => Controls_Manager::CHOOSE,
				'label_block' => false,
				'options'     => Helper::jltma_content_alignment(),
				'default'   => '',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button-wrapper' => 'justify-content: {{VALUE}};',
				],
			]
		);

		$this->add_responsive_control(
			'ma_el_creative_button_text_alignment',
			[
				'label'       => esc_html__('Button Text Alignment', 'master-addons' ),
				'type'        => Controls_Manager::CHOOSE,
				'label_block' => false,
				'options'     => [
					'left'   => [
						'title' => esc_html__('Left', 'master-addons' ),
						'icon'  => 'eicon-text-align-left',
					],
					'center' => [
						'title' => esc_html__('Center', 'master-addons' ),
						'icon'  => 'eicon-text-align-center',
					],
					'right'  => [
						'title' => esc_html__('Right', 'master-addons' ),
						'icon'  => 'eicon-text-align-right',
					],
				],
				'default'   => 'center',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button' => 'text-align: {{VALUE}}; justify-content: {{VALUE}};',
				],
			]
		);

		// counterup icon style
		$this->add_control(
			'ma_el_creative_button_heading',
			[
				'label' => esc_html__('Button Controls', 'master-addons' ),
				'type'  => Controls_Manager::HEADING,
				'separator'	=> 'after',
			]
		);
		

		$this->add_control(
			'creative_button_text',
			[
				'label'       => esc_html__('Button Text', 'master-addons' ),
				'type'        => Controls_Manager::TEXT,
				'label_block' => true,
				'default'     => 'Click Here ',
				'placeholder' => esc_html__('Enter button text', 'master-addons' ),
				'title'       => esc_html__('Enter button text here', 'master-addons' ),
			]
		);

		$this->add_control(
			'creative_alternative_button_text',
			[
				'label'       => esc_html__('Alternative Button Text', 'master-addons' ),
				'type'        => Controls_Manager::TEXT,
				'label_block' => true,
				'default'     => 'Go!',
				'placeholder' => esc_html__('Enter Alternative Button text', 'master-addons' ),
				'title'       => esc_html__('Enter Alternative Button text here', 'master-addons' ),
				'condition'  => array(
						'creative_button_effect!' => 'jltma-creative-button--default'
				),				
			]
		);

		$this->add_control(
			'creative_button_link_url',
			[
				'label'       => esc_html__('Link URL', 'master-addons' ),
				'type'        => Controls_Manager::URL,
				'label_block' => true,
				'default'     => [
					'url'         => '#',
					'is_external' => '',
				],
				'show_external' => true,
			]
		);

		$this->add_control(
			'ma_el_creative_button_icon',
			[
				'label'            => esc_html__('Icon', 'master-addons' ),
				'description'      => esc_html__('Please choose an icon from the list.', 'master-addons' ),
				'type'             => Controls_Manager::ICONS,
				'default'          => [
					'value'   => 'eicon-editor-external-link',
					'library' => 'eicon',
				],
				'render_type' => 'template'
			]
		);

		$this->add_control(
			'ma_el_creative_button_icon_alignment',
			[
				'label'   => esc_html__('Icon Position', 'master-addons' ),
				'type'    => Controls_Manager::CHOOSE,
				'default' => 'right',
				'options' => [
					'left'  => [
						'title' => esc_html__('Before', 'master-addons' ),
						'icon'  => 'eicon-h-align-left',
					],
					'right' => [
						'title' => esc_html__('After', 'master-addons' ),
						'icon'  => 'eicon-h-align-right',
					],
				],
				'toggle'    => false,
				'condition' => [
					'ma_el_creative_button_icon[value]!' => '',
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_icon_indent',
			[
				'label' => esc_html__('Icon Spacing', 'master-addons' ),
				'type'  => Controls_Manager::SLIDER,
				'range' => [
					'px' => [
						'max' => 60,
					],
				],
				'default' => [
					'size' => 5,
					'unit' => 'px',
				],
				'condition' => [
					'ma_el_creative_button_icon[value]!' => '',
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button-icon-right' => 'margin-left: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-button-icon-left'  => 'margin-right: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-button--shikoba i' => 'left: -{{SIZE}}px;',
				],
			]
		);

		
		$this->end_controls_section();

		// Help Docs section (links from config.php)
		$this->jltma_help_docs();

		$this->upgrade_to_pro_message();

		/*
			 * Master Addons: Style Controls
			 */
		$this->start_controls_section(
			'ma_el_creative_button_settings',
			[
				'label' => esc_html__('Button Styles', 'master-addons' ),
				'tab'   => Controls_Manager::TAB_STYLE
			]
		);

		$this->add_responsive_control(
			'ma_el_creative_button_width',
			[
				'label'      => esc_html__('Width', 'master-addons' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => ['px', '%'],
				'range'      => [
					'px' => [
						'min'  => 0,
						'max'  => 500,
						'step' => 1,
					],
					'%' => [
						'min' => 0,
						'max' => 100,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button' => 'width: {{SIZE}}{{UNIT}};',
				],
			]
		);

		$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name'     => 'ma_el_creative_button_typography',
				'global'   => [
					'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
				],
				'selector' => '{{WRAPPER}} .jltma-creative-button',
			]
		);

		$this->add_responsive_control(
			'ma_el_creative_button_padding',
			[
				'label'      => esc_html__('Button Padding', 'master-addons' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', 'em', '%'],
				'selectors'  => [
					'{{WRAPPER}} .jltma-creative-button'                                       => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--winona::after'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya::before' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--rayen::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					// '{{WRAPPER}} .jltma-creative-button.jltma-creative-button--rayen > span'   => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

		$this->add_group_control(
			Group_Control_Border::get_type(),
			[
				'name'     => 'ma_el_creative_button_border',
				'selector' => '{{WRAPPER}} .jltma-creative-button',
			]
		);

		$this->add_control(
			'ma_el_creative_button_border_radius',
			[
				'label'      => esc_html__('Border Radius', 'master-addons' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', 'em', '%'],
				'default'    => [
					'top'      => 8,
					'right'    => 8,
					'bottom'   => 8,
					'left'     => 8,
					'unit'     => 'px',
					'isLinked' => true,
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button'         => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button::before' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button::after'  => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			[
				'name'     => 'button_box_shadow',
				'selector' => '{{WRAPPER}} .jltma-creative-button',
			]
		);

		$this->add_control(
			'ma_el_creative_button_icon_size',
			[
				'label'   => __('Icon Size (px)', 'master-addons' ),
				'type'    => Controls_Manager::SLIDER,
				'range' => [
					'px' => [
						'min' => 10,
						'max' => 100,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button i'      => 'font-size: {{SIZE}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-button svg'    => 'width: {{SIZE}}{{UNIT}};',
				],
				'condition' => [
						'ma_el_creative_button_icon[value]!' => '',
				],
			]
		);

		// Button Normal and Hover Styles
		$this->start_controls_tabs('ma_el_creative_button_tabs');

		$this->start_controls_tab('normal', ['label' => esc_html__('Normal', 'master-addons' )]);

		$this->add_control(
			'ma_el_creative_button_text_color',
			[
				'label'     => esc_html__('Text Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button'                                       => 'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya::before' => 'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya::after'  => 'color: {{VALUE}};'
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_background_color',
			[
				'label'     => esc_html__('Background Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#0f172b',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button'                                       => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--ujarak:hover'   => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--wayra:hover'    => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya::before' => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya::after'  => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--rayen:hover'    => 'background-color: {{VALUE}};'
				],
			]
		);
		
		$this->add_control(
			'ma_el_creative_button_icon_color',
			[
				'label'     => esc_html__('Icon Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button i'     => 'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button svg' => 'fill: {{VALUE}};',
				],
                'condition' => [
                    'ma_el_creative_button_icon[value]!' => '',
                ],
			]
		);

		$this->add_control(
			'ma_el_creative_button_before_background_color',
			[
				'label'     => esc_html__('Before BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#7986cb',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--isi:before,
					{{WRAPPER}} .jltma-creative-button--aylen:before,
					{{WRAPPER}} .jltma-creative-button--nuka:before,
					{{WRAPPER}} .jltma-creative-button--naira:before,
					{{WRAPPER}} .jltma-creative-button--quidel:before,
					{{WRAPPER}} .jltma-creative-button--sacnite:before'  => 'background-color: {{VALUE}};',
				],
				'condition' => [
					'creative_button_effect' => [
						'jltma-creative-button--isi',
						'jltma-creative-button--aylen',
						'jltma-creative-button--nuka',
						'jltma-creative-button--naira',
						'jltma-creative-button--quidel',
						'jltma-creative-button--sacnite',
					]
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_after_background_color',
			[
				'label'     => esc_html__('After BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#7986cb',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--nuka:after,
					{{WRAPPER}} .jltma-creative-button--aylen:after,
					{{WRAPPER}} .jltma-creative-button--pipaluk:after,
					{{WRAPPER}} .jltma-creative-button--saqui:after,
					{{WRAPPER}} .jltma-creative-button--antiman:after' => 'background-color: {{VALUE}};',
				],
				'condition' => [
					'creative_button_effect' => [
						'jltma-creative-button--aylen',
						'jltma-creative-button--saqui',
						'jltma-creative-button--nuka',
						'jltma-creative-button--pipaluk',
						'jltma-creative-button--pipaluk',
						'jltma-creative-button--antiman',
					]
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_before_border_color',
			[
				'label'     => esc_html__('Before Border Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#7986cb',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--wapasha:before,
					{{WRAPPER}} .jltma-creative-button--antiman:before' => 'border-color: {{VALUE}};',
				],
				'condition' => [
					'creative_button_effect' => [
						'jltma-creative-button--wapasha',
						'jltma-creative-button--antiman',
					]
				],
			]
		);

		$this->end_controls_tab();

		$this->start_controls_tab('ma_el_creative_button_hover', [
			'label' => esc_html__('Hover', 'master-addons' )
		]);

		$this->add_control(
			'ma_el_creative_button_hover_text_color',
			[
				'label'     => esc_html__('Text Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button:hover, {{WRAPPER}} .jltma-creative-button.jltma-creative-button--winona::after, {{WRAPPER}} .jltma-creative-button--saqui:hover, {{WRAPPER}} .jltma-creative-button--saqui::after' => 'color: {{VALUE}} !important;',
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_hover_background_color',
			[
				'label'     => esc_html__('Background Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#333',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button:hover'                                      => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--ujarak::before'      => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--wayra:hover::before' => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--tamaya:hover'        => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button.jltma-creative-button--rayen::before'       => 'background-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button--saqui:hover'                               => 'background-color: {{VALUE}};',
				]
			]
		);

		$this->add_control(
			'ma_el_creative_button_hover_icon_color',
			[
				'label'     => esc_html__('Icon Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button:hover i'   => 'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-button:hover svg' => 'fill: {{VALUE}};',
				],
				'condition' => [
					'ma_el_creative_button_icon[value]!' => '',
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_before_hover_background_color',
			[
				'label'     => esc_html__('Before BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#7986cb',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--nuka:hover:before'  => 'background-color: {{VALUE}};',
				],
				'condition' => [
					'creative_button_effect' => [
						'jltma-creative-button--nuka',
					]
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_before_hover_after_background_color',
			[
				'label'     => esc_html__('After BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#7986cb',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--nuka:hover:after'  => 'background-color: {{VALUE}};',
				],
				'condition' => [
					'creative_button_effect' => [
						'jltma-creative-button--nuka',
					]
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_hover_after_background_color',
			[
				'label'     => esc_html__('Background Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#f54',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button--pipaluk:hover:after' => 'background-color: {{VALUE}};',
				],
				'condition'             => [
					'jltma-creative-button--pipaluk' => '',
				],
			]
		);

		$this->add_control(
			'ma_el_creative_button_hover_border_color',
			[
				'label'     => esc_html__('Border Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-button:hover' => 'border-color: {{VALUE}};',
				],
				'condition' => [
					'ma_el_creative_button_border_border!' => '',
				],
			]
		);

		$this->end_controls_tab();

		$this->end_controls_tabs();

		$this->end_controls_section();
	}
	protected function render()
	{

		$settings = $this->get_settings();
		$this->add_render_attribute('ma_el_creative_button', [
			'class' => ['jltma-button jltma-creative-button', esc_attr($settings['creative_button_effect'])],
			'href'  => esc_url($settings['creative_button_link_url']['url']),
		]);

		if ($settings['creative_button_link_url']['is_external']) {
			$this->add_render_attribute('ma_el_creative_button', 'target', '_blank');
		}

		if ($settings['creative_button_link_url']['nofollow']) {
			$this->add_render_attribute('ma_el_creative_button', 'rel', 'nofollow');
		}

		$this->add_render_attribute('ma_el_creative_button', 'data-text', esc_attr($settings['creative_alternative_button_text']));

?>

		<div class="jltma-creative-button-wrapper">
			<a <?php echo $this->get_render_attribute_string('ma_el_creative_button'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Elementor safe attribute string ?>>
				<?php
				$has_icon      = !empty($settings['ma_el_creative_button_icon']['value']);
				$icon_position = $settings['ma_el_creative_button_icon_alignment'];
				$migrated      = isset($settings['__fa4_migrated']['ma_el_creative_button_icon']);
				$is_new        = empty($settings['icon']) && \Elementor\Icons_Manager::is_migration_allowed();

				// Icon Before Text
				if ($has_icon && $icon_position === 'left') {
					if ($is_new || $migrated) {
						\Elementor\Icons_Manager::render_icon($settings['ma_el_creative_button_icon'], ['aria-hidden' => 'true', 'class' => 'jltma-creative-button-icon-left']);
					} else { ?>
						<i class="jltma-creative-button-icon-left <?php echo esc_attr($settings['icon']); ?>" aria-hidden="true"></i>
					<?php }
				}
				?>
				<span>
					<?php echo esc_html($this->parse_text_editor($settings['creative_button_text'])); ?>
				</span>
				<?php
				// Icon After Text
				if ($has_icon && $icon_position === 'right') {
					if ($is_new || $migrated) {
						\Elementor\Icons_Manager::render_icon($settings['ma_el_creative_button_icon'], ['aria-hidden' => 'true', 'class' => 'jltma-creative-button-icon-right']);
					} else { ?>
						<i class="jltma-creative-button-icon-right <?php echo esc_attr($settings['icon']); ?>" aria-hidden="true"></i>
					<?php }
				}
				?>
			</a>
		</div>

<?php
	}

	protected function content_template()
	{
	}
}

```