.blogFilterButtonParent{position:relative;border-radius:25px;padding:1px;overflow:hidden;transition:background .3s ease}.blogFilterButtonParent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:3px;border-radius:25px;background:linear-gradient(0deg,#afafff,#ff8fb8 50%,#ffbb9b);-webkit-mask:linear-gradient(0deg,#afafff,#ff8fb8 50%,#ffbb9b);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}.blogFilterButton{border-radius:25px;position:relative;z-index:1;background:transparent;transition:background .3s ease;background:linear-gradient(180deg,#504ec2 50%,#5a4eb5)}.blogFilterButtonParent.active:before{background:linear-gradient(0deg,#a79dff,#6b70ed)}.blogFilterButtonParent.active .blogFilterButton{text-shadow:0 -1px 16px #feeef4;color:#fff}.blogNumberWrapper{position:relative;border-radius:25px;padding:9px 17.5px;overflow:hidden;background:transparent}.blogNumberWrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;border-radius:25px;z-index:1}.blogNumberContent{border-radius:25px;position:relative;z-index:1;background:transparent;transition:background .1s ease}.blogNumberWrapper.active{background:linear-gradient(145deg,#a79dff,#6b70ed)}.blogNumberWrapper.active .blogNumberContent{background:transparent}.blog-posts-container{transition:all .1s ease}.fade-out{animation:fadeOut .3s forwards}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}.fade-in{animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}