/**
Exemple :
<div class="tags">
    <a href="#" class="tag">Tips</a>
    <a href="#" class="tag tag-secondary">Service</a>
    <a href="/blog/?tag=astuces" class="tag tag-secondary text-decoration-none">
</div>
*/

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.tags .tag {
    background: #2563eb;
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 500;
}

.tags .tag-secondary {
    background: #e5e7eb;
    color: #4b5563;
}