# elementor/3.35.7/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig

Elementor Website Builder – more than just a page builder, version 3.35.7. 22 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.35.7/code/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig
- Raw: https://pluginprobe.com/plugins/elementor/3.35.7/raw/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig
- Modified: 2026-02-02T09:52:12+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/elementor/3.35.7/code/modules/atomic-widgets/elements/atomic-button/atomic-button.html.twig#L10-L20`.

```twig
{% if settings.text is not empty %}
    {% set classes = settings.classes | merge( [ base_styles.base ] ) | join(' ') %}
	{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}
    {% if settings.link.href %}
        <{{ settings.link.tag | e('html_tag') }}
            {% set linkAttr = settings.link.tag == 'a' ? 'href' : 'data-action-link' %}
			{{ linkAttr }}="{{ settings.link.href | raw }}"
        target="{{ settings.link.target }}"
            class="{{ classes }}"
            data-interaction-id="{{ id }}"
            data-interactions="{{ interactions | json_encode | e('html_attr') }}"
            {{ id_attribute }} {{ settings.attributes | raw }}
        >
            {{ settings.text }}
        </{{ settings.link.tag | e('html_tag') }}>
    {% else %}
        <button class="{{ classes }}" data-interaction-id="{{ id }}" data-interactions="{{ interactions | json_encode | e('html_attr') }}" {{ id_attribute }} {{ settings.attributes | raw }}>
            {{ settings.text }}
        </button>
    {% endif %}
{% endif %}

```