<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
    <div class="uk-width-1-1">
        <div class="uk-container">

            <div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-margin-large" uk-grid>
                <div>
                    <button class="uk-button uk-button-default">Default</button>
                </div>
                <div>
                    <button class="uk-button uk-button-primary">Primary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-secondary">Secondary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-danger">Danger</button>
                </div>
                <div>
                    <button class="uk-button uk-button-default" disabled>Disabled</button>
                </div>
                <div>
                    <button class="uk-button uk-button-text">Text</button>
                </div>
                <div>
                    <button class="uk-button uk-button-link">Link</button>
                </div>
            </div>

            <hr>

            <div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-margin-large" uk-grid>
                <div>
                    <button class="uk-button uk-button-large uk-button-default">Default</button>
                </div>
                <div>
                    <button class="uk-button uk-button-large uk-button-primary">Primary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-large uk-button-secondary">Secondary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-large uk-button-danger">Danger</button>
                </div>
                <div>
                    <button class="uk-button uk-button-large uk-button-default" disabled>Disabled</button>
                </div>
                <div>
                    <button class="uk-button uk-button-large uk-button-text">Text</button>
                </div>
            </div>

            <hr>

            <div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-margin-large" uk-grid>
                <div>
                    <button class="uk-button uk-button-small uk-button-default">Default</button>
                </div>
                <div>
                    <button class="uk-button uk-button-small uk-button-primary">Primary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-small uk-button-secondary">Secondary</button>
                </div>
                <div>
                    <button class="uk-button uk-button-small uk-button-danger">Danger</button>
                </div>
                <div>
                    <button class="uk-button uk-button-small uk-button-default" disabled>Disabled</button>
                </div>
                <div>
                    <button class="uk-button uk-button-small uk-button-text">Text</button>
                </div>
            </div>

        </div>
    </div>
</div>
