.filter-tag{border:2px solid var(--color-primary);width:fit-content;color:var(--color-primary);will-change:transform,box-shadow;border-radius:68px;padding:8px 16px;font-weight:700;transition:all .3s ease-in-out;position:relative;box-shadow:0 6px 12px #00000014}.filter-tag:hover{color:var(--color-white);background-color:var(--color-primary);cursor:pointer;transform:translateY(-2px)scale(1.03);box-shadow:0 15px 30px #0000002e}.filter-tag:active{transform:translateY(0)scale(.97);box-shadow:0 5px 10px #0000001f}.filter-tag--active{color:var(--color-white);background-color:var(--color-primary);box-shadow:0 10px 20px #0000002e}
.filters{flex-wrap:wrap;gap:16px;width:100%;display:flex}main{padding:0 16px 32px}