.atom-action-sheet {
    .action-sheet__panel {
        position: absolute;
        left: 0;
        bottom: 0;
        bottom: calc($gutter + constant(safe-area-inset-bottom));
        bottom: cale($gutter + env(safe-area-inset-bottom));
        right: 0;
        padding: $gutter/2;

        .actions {
            overflow: hidden;
            background: $background;
            border-radius: $borderRadius;

            &__title {
                font-weight: 400;
                font-size: $small;
                padding: $gutter;
                color: $darker;
                @include thinBorder();
            }

            &__buttons {
                >.button {
                    text-align: center;
                    padding: $gutter;
                    @include thinBorder();
                    font-weight: 700;

                    &:last-child {
                        border-bottom: none;
                    }
                }
            }
        }

    }
}