.filter-buttons {
margin-bottom: 2rem;
}

.filter-btn {
border-radius: 20px;
padding: 0.5rem 1.5rem;
margin: 0 0.5rem 1rem;
transition: all 0.3s ease;
font-weight: 500;
}

.filter-btn.active {
background-color: var(--primary-color-1);
color: white;
}

.template-info {
padding: 1.5rem;
background: white;
}

.template-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0.5rem;
}

.template-description {
color: #6c757d;
font-size: 0.9rem;
margin-bottom: 1rem;
}

.download-btn {
width: 100%;
border-radius: 25px;
padding: 0.6rem;
font-weight: 500;
transition: all 0.3s ease;
}

.download-menu {
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.download-item {
padding: 0.8rem 1rem;
transition: all 0.3s ease;
}

.download-item:hover {
background-color: #f8f9fa;
}

.download-item i {
margin-right: 0.5rem;
color: var(--primary-color-1);
}

@media (max-width: 768px) {
.filter-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.filter-btn {
margin-bottom: 0.5rem;
}
}