.button-group > a,
.button-group > button,
.button-group > input[type="submit"],
.button-group > input[type="button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 46px;
    padding: 10px 25px;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.button-group > form {
    width: auto;
    margin: 0;
}

.button-group > form > button,
.button-group > form > input[type="submit"],
.button-group > form > input[type="button"] {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
}

.nav-link-button,
.auth-primary-link,
.profile-action-button,
.profile-cancel-link,
.profile-edit-cancel-link,
.profile-password-cancel,
.admin-action-primary,
.admin-action-secondary,
.admin-users-back-link,
.admin-users-delete-cancel,
.gallery-add-link,
.gallery-cancel-link {
    min-height: 46px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

@media (max-width: 800px) {
    .button-group > a,
    .button-group > button,
    .button-group > input[type="submit"],
    .button-group > input[type="button"],
    .button-group > form {
        flex: 1 1 calc(50% - 5px);
        min-width: calc(50% - 5px);
    }
}

@media (max-width: 600px) {
    .button-group {
        align-items: stretch;
    }

    .button-group > a,
    .button-group > button,
    .button-group > input[type="submit"],
    .button-group > input[type="button"],
    .button-group > form {
        flex: 1 1 100%;
        width: 100%;
        min-width: 100%;
    }

    .button-group > a,
    .button-group > button,
    .button-group > input[type="submit"],
    .button-group > input[type="button"],
    .button-group > form > button,
    .button-group > form > input[type="submit"],
    .button-group > form > input[type="button"] {
        width: 100%;
        min-height: 46px;
    }
}