{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}

{% block content %}
    <div class="br-card hover" style="cursor: pointer;">
        <div class="card-content">
            <div class="d-flex align-items-center">
                {% if icon_svg %}
                    <img src="{% static icon_svg %}" alt="ícone" width="40" height="40" class="mr-3"/>
                {% endif %}
                <div>
                    <h4 class="mt-0 mb-1 text-primary" style="font-family: 'Noto Sans', sans-serif;">{{ title }}</h4>
                    <p style="font-family: 'Noto Sans', sans-serif; color: #5C5C5C;">{{ text }}</p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
