.filter-btn{margin:0;height:auto;background:transparent;padding:0;border:none;cursor:pointer;--border-right:6px;--text-stroke-color:rgba(0,0,0,.8);--animation-color:#ff9137;--fs-size:1em;text-decoration:none;position:relative;color:transparent;-webkit-text-stroke:1px var(--text-stroke-color);margin:5px;display:inline-block}.filter-btn,.filter-btn:before{letter-spacing:2px;font-size:var(--fs-size);font-family:Arial,sans-serif;text-transform:uppercase;padding:10px 20px;font-weight:600;line-height:1.2;white-space:nowrap}.filter-btn:before{position:absolute;content:attr(data-text);color:var(--animation-color);width:0;height:100%;top:0;left:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color);display:flex;align-items:center;margin:0;box-sizing:border-box}.filter-btn:hover:before{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}.filter-btn.active:before{width:100%;filter:drop-shadow(0 0 15px var(--animation-color))}@media (max-width:768px){.filter-btn{--fs-size:1em;letter-spacing:1.5px;padding:8px 15px;margin:3px}.filter-btn:before{padding:8px 15px;letter-spacing:1.5px!important;font-size:1em!important}}@media (max-width:480px){.filter-btn{--fs-size:0.95em;letter-spacing:1.8px;padding:8px 12px;margin:2px}.filter-btn:before{padding:0;letter-spacing:1.8px!important;font-size:.95em!important;display:block!important;line-height:1.2!important;padding-top:8px!important;padding-left:12px!important;text-align:left!important}}