GTK оболочка Aylur простая помощь с виджетом JavaScript и CSS

Предоставленное изображение является снимком виджета меню питания, созданного с использованием ags. Код приведён ниже:

import Widget from 'resource:///com/github/Aylur/ags/widget.js';
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';

const WINDOW_NAME = "powermenu";

const icons = {
    sleep: "🛌",      // Иконка сна
    reboot: "🔄",     // Иконка перезагрузки
    logout: "🚪",     // Иконка выхода
    shutdown: "💻",   // Иконка выключения
};

const PowerButton = (icon, action, label) => Widget.Button({
    on_clicked: () => {
        App.closeWindow(WINDOW_NAME);
        action();
    },
    class_name: 'power-button',
    child: Widget.Box({
        vertical: true,
        children: [
            Widget.Label({ label: icon }),
            Widget.Label({ label }),
        ],
    }),
});

const PowerMenu = () => {
    return Widget.Box({
        class_name: 'powermenu-container',
        vertical: true,
        children: [
            Widget.Box({
                class_name: 'powermenu-buttons',
                children: [
                    PowerButton(icons.shutdown, () => Utils.exec('systemctl poweroff'), 'Выключение'),
                    PowerButton(icons.reboot, () => Utils.exec('systemctl reboot'), 'Перезагрузка'),
                    PowerButton(icons.logout, () => Utils.exec('hyprctl dispatch exit'), 'Выход'),
                    PowerButton(icons.sleep, () => Utils.exec('systemctl suspend'), 'Сон'),
                ],
            }),
        ],
        setup: self => self.hook(App, (_, windowName, visible) => {
            if (windowName !== WINDOW_NAME)
                return;

            if (visible) {
                // Вы можете добавить любую логику настройки здесь, когда окно становится видимым
            }
        }),
    });
};

export const powermenu = Widget.Window({
    name: WINDOW_NAME,
    setup: self => self.keybind("Escape", () => {
        App.closeWindow(WINDOW_NAME);
    }),
    visible: false,
    layer: 'overlay',
    keymode: "exclusive", // Это гарантирует, что окно захватывает все нажатия клавиш
    child: PowerMenu(),
});

Файл style.css расположен ниже:

/*другие свойства для панели и лаунчера и т.д.*/
/*затем у меня есть*/
.powermenu-container {
    background-color: #180f17;
    border: 4px solid #ff66f7;
    border-radius: 15px;
    padding: 20px;
}

.powermenu-buttons {
    padding: 15px;
    background-color: #180f17;
    border-radius: 10px;
}

.power-button {
    background-color: #180f17;
    border: 4px solid #ffffff;
    border-radius: 10px;
    padding: 15px;
    min-width: 100px;
    min-height: 100px;
    transition: all 0.2s ease;
}

.power-button:hover {
    border: 2px solid #3584e4;
}

.power-button:focus {
    border: 2px solid #3584e4;
}

.power-button label {
    color: white;
    background-color: #825bd6;
    font-family: 'JetBrainsMono NFM ExtraBold', 'Twitter Color Emoji', 'sans-serif';
    font-size: 22px;
    font-weight: bold;
    padding: 15px;
}

Я ничего не знаю о javascript или css, и все это создал с помощью ИИ, поэтому возможно, что есть много ошибок. Как вы можете видеть, за виджетом есть белый слой, который появляется за округлёнными углами. Также цвет фона, установленный для кнопки, не применяется. Как я могу это исправить?