.header-page {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: $content-padding-small-horizontal $content-padding-small-vertical;

    &__help {
        flex: 1;
        display: none;
        color: $help-text-color;
        white-space: pre-line;

        .ErrorMessage {
            text-align: left;
        }
    }

    &__error {
        margin-top: 0.5rem;
        color: $text-danger-color;
        font-weight: 600;
    }

    &__actions {
        flex: 0 1 auto;
        display: flex;
        min-width: $form-min-width;
        padding: 0.55rem 0;

        // stylelint-disable-next-line selector-max-type
        button + .Dropdown,
        .Dropdown + button,
        button + button {
            margin: 0 0 0 $content-padding-small-vertical;
        }
    }

    @media (min-width: $screen-mobile) {
        padding: $content-padding-large-horizontal $content-padding-large-vertical;
    }

    @media (min-width: $screen-tablet) {
        &__help {
            display: block;
            min-height: 25px;
            margin-right: 0.78rem;
        }

        &__actions {
            flex-direction: row;
            align-items: flex-start;
            min-width: auto;
        }
    }
}
