.features-hexagon{margin:0 auto;max-width:480px;width:100%}.features-hexagon svg{width:100%}.features-hexagon__item{text-decoration:none}.features-hexagon__bg-disabled{fill:var(--color-background-card);fill-rule:evenodd;stroke-width:0px}.features-hexagon__bg-active{fill-opacity:0;transition:var(--transition)}.features-hexagon__icon{height:20px;margin:0 0 10px;width:100px}.features-hexagon__icon svg path{fill:var(--color-body-reverse);transition:var(--transition)}.features-hexagon__text{color:var(--color-body-reverse);font-size:15px;line-height:1.3}.features-hexagon__label,.features-hexagon__text{font-weight:800;text-align:center;transition:var(--transition)}.features-hexagon__label{background:var(--color-body);border-radius:20px;box-shadow:var(--shadow);font-size:12px;line-height:1;margin:10px auto 0;padding:4px 10px;width:fit-content}.features-hexagon__mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-type:alpha;mask-type:alpha;transition:all 1s ease-in-out}.features-hexagon-start .features-hexagon__mask{mask-size:45%}.features-hexagon__item:hover .features-hexagon__bg-active,.features-hexagon__item[state=active] .features-hexagon__bg-active{fill-opacity:1}.features-hexagon__item:hover .features-hexagon__icon svg path,.features-hexagon__item[state=active] .features-hexagon__icon svg path{fill:var(--color-body)}.features-hexagon__item:hover .features-hexagon__text,.features-hexagon__item[state=active] .features-hexagon__text{color:var(--color-body)}.features-hexagon__pink .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-pink)}.features-hexagon__orange .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-orange)}.features-hexagon__yellow .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-yellow)}.features-hexagon__green .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-green)}.features-hexagon__blue .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-blue)}.features-hexagon__purple .features-hexagon__bg-active{fill:url(#features-hexagon-gradient-purple)}