/**
 * Component: Button Group
 * 
 * Styles for the Button Group component.
 *
 * @package SCDA-2025
 */

/* Basic component styling */
.button-group {
    margin-bottom: -24px;
    
    &.inline {
        .button {
            display: inline-block;
            width: auto;
            margin-right: 24px;

            @media screen and (max-width: 576px) {
                width: 100%;
            }
        }
    }
    .button {
        margin-bottom: 24px;
    }
}