🎵
.notification-container { position: fixed; bottom: 18px; right: 18px; z-index: 99999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; } .sa-feedback { pointer-events: auto; display: flex; gap: 10px; background: linear-gradient(135deg, rgba(26,0,0,0.95), rgba(139,0,0,0.98)); color: #fff; padding: 10px 14px; border-radius: 12px; min-width: 280px; max-width: 360px; font-family: system-ui; font-size: 13px; box-shadow: 0 8px 22px rgba(139,0,0,.18); transform: translateX(120%); opacity: 0; transition: all .7s ease; } .sa-feedback.show { transform: translateX(0); opacity: 1; }
{{ properties.badge_text | renderString }}
{% if properties.title %}

{{ properties.title | renderString }}

{% endif %} {% if properties.subtitle %}

{{ properties.subtitle | renderString }}

{% endif %}
{{ properties.label_before}} {{ properties.label_after}}
{% if properties.title %}

{{ properties.title | renderString }}

{% endif %} {% if properties.text %}

{{ properties.text | renderString }}

{% endif %}
{% if properties.cta and properties.cta_text %} {{ properties.cta_text }} {% endif %}