axentix/dist/components/button-group/button-group.min.css

Axentix is a framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.

.btn-group{display:flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.btn-group:not(.btn-group-vertical) .btn{height:unset}.btn-group:not(.btn-group-vertical) :first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.btn-group:not(.btn-group-vertical) :last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.btn-group:not(.btn-group-vertical) .btn-outline:not(:first-child){border-left-width:1px}.btn-group:not(.btn-group-vertical) .btn-outline:not(:last-child){border-right-width:1px}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-vertical .btn{width:unset}.btn-group.btn-group-vertical :first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.btn-group.btn-group-vertical :last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.btn-group.btn-group-vertical .btn-outline:not(:first-child){border-top-width:1px}.btn-group.btn-group-vertical .btn-outline:not(:last-child){border-bottom-width:1px}.btn-group .btn{font-size:1.2rem!important;padding:calc(.6rem + 2px) 1.25rem!important}.btn-group.btn-group-small .btn{font-size:1rem!important;padding:calc(.45rem + 2px) 1rem!important}.btn-group.btn-group-large .btn{font-size:1.4rem!important;padding:calc(1rem + 2px) 1.5rem!important}