.filter-insight__buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.filter-insight__btn{cursor:pointer;appearance:none;padding:8px 14px;line-height:1;border-radius:4px;border:1px solid #ccc;background:#00AFA0;color:#fff;transition:all .15s ease;position:relative;display:inline-flex;align-items:center;white-space:nowrap}
.filter-insight__btn:hover{filter:brightness(.98)}
.filter-insight__btn.active{background:#333;color:#fff;border-color:#333}
.filter-insight--loading{opacity:.5;pointer-events:none;transition:opacity .2s ease}
.filter-insight__btn.is-loading{pointer-events:none}
.filter-insight__btn.is-loading:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);border-radius:inherit}
.filter-insight__btn.is-loading:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;animation:fi-spin .6s linear infinite;z-index:1}
@keyframes fi-spin{to{transform:rotate(360deg)}}

/* disable all buttons when busy */
.filter-insight__buttons.is-busy .filter-insight__btn{pointer-events:none}