.button-group{border-radius:6px;display:flex;margin-bottom:24px;min-height:50px;overflow:hidden;text-align:center}.button-group_light{border-radius:0;min-height:100%}.button-group_light button{flex-grow:0;font-size:18px;line-height:2;margin-right:32px}.button-group_light button.active{border-bottom:2px solid;color:#fab42d}.button-group_light button.active:hover{color:#fab42d}.button-group_light button:before{display:none}.button-group__link.active{color:#13151d}.button-group__link{align-items:center;color:#fff;display:flex;flex-grow:1;font-size:14px;font-weight:700;justify-content:center;position:relative;text-transform:uppercase}.button-group__link span{position:relative;z-index:2}.button-group__link:hover{color:#fab42d}.button-group__link:before{background:var(--primary);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:100%;z-index:1}.button-group__link:first-child:before{margin-left:-20px;transform:skew(10deg);width:calc(100% + 20px)}.button-group__link:last-child:before{margin-right:-20px;transform:skew(-10deg);width:calc(100% + 20px)}.button-group__link.active:before{opacity:1}.button-group__link.active:hover{color:#fff}