.pp-filters{text-align:center;margin:20px 0 30px}
.pp-filter{
padding:10px 18px;border:none;border-radius:30px;
margin:5px;cursor:pointer;background:#ececec
}
.pp-filter.active{background:#684df4;color:#fff}

.pp-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}
.pp-card{
background:#fff;
border-radius:16px;
overflow:hidden;
padding:16px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.3s;
text-align:center;
}
.pp-card:hover{
transform:translateY(-6px);
}
.pp-card img{width:100%;border-radius:12px}

.pp-btn{
display:block;
width:max-content;
margin:16px auto 0 auto;
padding:12px 24px;
border-radius:12px;
text-decoration:none;
font-weight:500;
background:#684df4;
color:#fff;
transition:.3s ease;
box-shadow:0 6px 18px rgba(104,77,244,.35);
}
.pp-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(104,77,244,.45);
}

@media(max-width:1000px){
.pp-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.pp-grid{grid-template-columns:1fr;}

}