{% load static %}
{% load allauth %}


<{% if attrs.href %}a href="{{ attrs.href }}"{% else %}button{% endif %}
{% if attrs.form %}form="{{ attrs.form }}"{% endif %}
{% if attrs.id %}id="{{ attrs.id }}"{% endif %}
{% if attrs.name %}name="{{ attrs.name }}"{% endif %}
{% if attrs.value %}value="{{ attrs.value }}"{% endif %}
{% if attrs.type %}type="{{ attrs.type }}"{% endif %}
style="width: 100%;
padding: 12px;
background-color: #1877f2;
color: white;
border: none;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
cursor: pointer;">
{% slot %}
{% endslot %}
</{% if attrs.href %}a{% else %}button{% endif %}>