.c-button-group{--c-button-group-border-spacing:var(--t-spacing-md);--c-button-group-item-align-items:center;--c-button-group-item-width:auto;box-sizing:border-box;display:flex;flex-direction:column;margin:calc(var(--t-spacing-md)/-2);overflow:hidden;position:relative}.c-button-group__item{align-items:var(--c-button-group-item-align-items);box-sizing:border-box;display:flex;justify-content:center;padding:calc(var(--t-spacing-md)/2);width:var(--c-button-group-item-width)}.c-button-group--border-top{margin-top:0;padding-top:calc(var(--c-button-group-border-spacing) + var(--t-border-width))}.c-button-group--border-top:before{border-top:var(--t-border-width) solid var(--t-color-40);top:0}.c-button-group--border-bottom{padding-bottom:calc(var(--c-button-group-border-spacing) + var(--t-border-width))}.c-button-group--border-bottom:after{border-bottom:var(--t-border-width) solid var(--t-color-40);bottom:0}.c-button-group--border-bottom:after,.c-button-group--border-top:before{content:"";left:calc(var(--t-spacing-md)/2);position:absolute;right:calc(var(--t-spacing-md)/2)}.c-button-group--justify-center{justify-content:center}.c-button-group--flow{--c-button-group-item-align-items:flex-start;flex-flow:column}@media (min-width:20.001rem){.c-button-group--flow{flex-flow:row wrap}.c-button-group--2-items-xs-up{--c-button-group-item-width:50%}}@media (min-width:30.001rem){.c-button-group:not(.c-button-group--stack){--c-button-group-border-spacing:var(--t-spacing-lg);flex-direction:row}.c-button-group--sort .c-button-group__item:first-of-type{order:2}.c-button-group--sort .c-button-group__item:last-of-type{flex-grow:1;justify-content:flex-start;order:1}.c-button-group--3-items-sm-up{--c-button-group-item-width:33.33333%}.c-button-group--4-items-sm-up{--c-button-group-item-width:25%}}@media (min-width:40.001rem){.c-button-group--5-items-md-up{--c-button-group-item-width:20%}}