{% load css_tags %}{% block_css 'enap_designsystem/blocks/topic_links_block.css' %}
<!-- HTML Template -->
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}
{% load static %}

{% block content %}

<div class="topic-links-container">
    <div class="topic-link-item">
        <h3 class="topic-link-title">{{ value.topic1_title }}</h3>
        <a href="{{ value.topic1_link }}" class="topic-link">
            Veja mais <span class="topic-link-arrow">→</span>
        </a>
        <div class="topic-link-divider"></div>
    </div>
    
    <div class="topic-link-item">
        <h3 class="topic-link-title">{{ value.topic2_title }}</h3>
        <a href="{{ value.topic2_link }}" class="topic-link">
            Veja mais <span class="topic-link-arrow">→</span>
        </a>
        <div class="topic-link-divider"></div>
    </div>
    
    <div class="topic-link-item">
        <h3 class="topic-link-title">{{ value.topic3_title }}</h3>
        <a href="{{ value.topic3_link }}" class="topic-link">
            Veja mais <span class="topic-link-arrow">→</span>
        </a>
        <div class="topic-link-divider"></div>
    </div>
</div>

{% endblock %}