@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;

:host {
    display: flex;
    justify-content: space-between;
    padding: $space-l $space-xl;

    @include mobile() {
        flex-direction: column;
        @include v-spacing($space-l);
    }

    .schedule-details-header-right {
        display: flex;
        flex-direction: column;

        @include gt-mobile() {
            justify-content: space-between;
            align-items: flex-end;
            @include v-spacing($space-m);
        }

        @include mobile() {
            @include v-spacing($space-m);

            ::ng-deep {
                flight-actions {
                    share-button {
                        display: none;
                    }
                }
            }
        }
    }
}
