.aw-page-menu-buttons {
    display: flex;

    &__aw-context-menu + &__expanded-btns {
        margin-left: theme('spacing.4', 1rem);
    }

    &--expanded {
        .aw-button {
            box-shadow: none;
        }
    }

    &__fixed-btns {
        display: flex;
        flex-direction: column;
        align-items: flex-end;

        max-width: calc(100vw - 2 * theme('spacing.4', 1rem));

        position: fixed;
        right: theme('spacing.4', 1rem);
        bottom: calc(env(safe-area-inset-bottom, 0px) + var(--page-buttons-bottom, 0px));
        z-index: 2;

        & > * {
            margin-bottom: 1rem;
        }
    }

    &__fixed-btn-text {
        flex-shrink: 1;
        max-width: 1px;
        margin-left: -0.5rem;

        opacity: 0.1;
        transition-property: max-width, margin, opacity;
        transition-duration: 120ms;

        &--expanded {
            max-width: 16rem;
            margin-left: 0;
            opacity: 1;
            transition-timing-function: ease-out;
            transition-duration: 210ms;
        }
    }
}