.promo-groups__title{text-align:center;margin-bottom:var(--g-24)}.promo-groups__list{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--g-12)}@media (min-width: 576px){.promo-groups__list{flex-direction:row}}.promo-groups__btn-image{width:18px;height:18px;transition:var(--Transition-hover)}.promo-groups__btn-image--hover{transition:var(--Transition-hover);visibility:hidden;opacity:0;position:absolute}.promo-groups__btn{display:flex;gap:var(--g-4);padding:var(--g-12) 15px;height:42px;border-radius:1000px;border:1px solid var(--border-gray);background:var(--bg-light-gray);transition:var(--Transition-hover);color:var(--text-primary)}@media (hover: hover){.promo-groups__btn:hover{background-color:var(--bg-light-blue);border-color:var(--elements-accent);color:var(--elements-accent);text-decoration:none}.promo-groups__btn:hover .promo-groups__btn-image{visibility:hidden;opacity:0}.promo-groups__btn:hover .promo-groups__btn-image--hover{visibility:visible;opacity:1;position:absolute}}.promo-groups__btn.active{background-color:var(--bg-light-blue);border-color:var(--elements-accent);color:var(--elements-accent);text-decoration:none}.promo-groups__btn.active .promo-groups__btn-image{visibility:hidden;opacity:0}.promo-groups__btn.active .promo-groups__btn-image--hover{visibility:visible;opacity:1;position:absolute}.promo-groups__btn-text{line-height:17px}.promo-groups__btn-count{color:var(--elements-medium-gray);line-height:18px}
