.blog-filter{margin:2.0625rem auto 2.9375rem;text-align:center}.blog-filter p{line-height:1rem}.blog-filter p,.blog-filter h4{color:var(--color-text-dark-blue)}.blog-filter__scroll-container{width:60.0625rem;margin:auto}.blog-filter__buttons-container{display:flex}.blog-filter__button{display:inline-block;text-decoration:none;text-transform:uppercase;margin:0 .9375rem;flex-basis:16.66%}
.blog-filter__button:not(:hover):not(.active) .blog-filter__hover-svg{display:none}.blog-filter__button:nth-of-type(1) .blog-filter__hover-svg svg{width:5rem}.blog-filter__button:nth-of-type(1):hover p,.blog-filter__button:nth-of-type(1).active p{color:var(--color-type-green)}.blog-filter__button:nth-of-type(2) .blog-filter__hover-svg svg{width:5.375rem}
.blog-filter__button:nth-of-type(2):hover p,.blog-filter__button:nth-of-type(2).active p{color:var(--color-type-teal)}.blog-filter__button:nth-of-type(3) .blog-filter__hover-svg svg{width:5.625rem}.blog-filter__button:nth-of-type(3):hover p,.blog-filter__button:nth-of-type(3).active p{color:var(--color-type-blue)}
.blog-filter__button:nth-of-type(4) .blog-filter__hover-svg svg{width:5.625rem}.blog-filter__button:nth-of-type(4):hover p,.blog-filter__button:nth-of-type(4).active p{color:var(--color-type-purple)}.blog-filter__button:nth-of-type(5) .blog-filter__hover-svg svg{width:4.6875rem}.blog-filter__button:nth-of-type(5):hover p,.blog-filter__button:nth-of-type(5).active p{color:var(--color-type-orange)}
.blog-filter__button:nth-of-type(6) .blog-filter__hover-svg svg{width:5rem}.blog-filter__button:nth-of-type(6):hover p,.blog-filter__button:nth-of-type(6).active p{color:var(--color-type-magenta)}.blog-filter__title{margin-bottom:2.5rem}.blog-filter__icon{height:4.375rem;text-align:center}.blog-filter__label{margin-top:.9375rem;position:relative;text-align:center}
.blog-filter__hover-svg{position:absolute;top:calc(100% + 0.375rem);left:50%;transform:translateX(-50%);display:flex}@media(max-width:1099px){.blog-filter__scroll-container{width:37.5rem}.blog-filter__icon{height:2.75rem}.blog-filter__icon svg{height:100%;width:auto}.blog-filter__label{min-height:3rem;display:flex;align-items:flex-end;justify-content:center;margin-top:0}
.blog-filter__label-copy{margin-bottom:0}}@media(max-width:767px){.blog-filter{margin:1.875rem auto -1.5625rem;padding:0 .125rem;text-align:left}.blog-filter__label-copy{font-size:.875rem;line-height:1rem}.blog-filter__scroll-container{width:calc(100% + 1rem);display:flex;flex-wrap:nowrap;overflow-x:auto;margin-right:-1rem;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:1.25rem}
.blog-filter__scroll-container::-webkit-scrollbar{display:none}.blog-filter__buttons-container{flex:0 0 auto}.blog-filter__title{margin-bottom:1.5rem}.blog-filter__button .blog-filter__hover-svg{top:calc(100% + 0.125rem)}.blog-filter__button .blog-filter__hover-svg svg{height:auto}.blog-filter__button:nth-of-type(1) .blog-filter__hover-svg svg{width:2.6625rem}
.blog-filter__button:nth-of-type(2) .blog-filter__hover-svg svg{width:3.51875rem}.blog-filter__button:nth-of-type(3) .blog-filter__hover-svg svg{width:4.1875rem}.blog-filter__button:nth-of-type(4) .blog-filter__hover-svg svg{width:4.16875rem}.blog-filter__button:nth-of-type(5) .blog-filter__hover-svg svg{width:4.6875rem}
.blog-filter__button:nth-of-type(6) .blog-filter__hover-svg svg{width:4.14375rem}}