.widget-menu { margin-left: auto; margin-right: 8px; width: fit-content; } .widget-menu.widget-menu-collapsed > .widget-menu-platform { display: none; } .widget-menu-button { text-transform: initial; } .widget-menu-entry { cursor: pointer; } .widget-menu-platform { background-color: hsl(var(--hue), 0%, 25%); border-radius: 2px; border: 1px solid hsl(var(--hue), 0%, 0%); padding: 8px; min-width: 200px; } .widget-menu-platform:not(.widget-menu-platform-collapsed) { position: fixed; top: 50px; right: 20px; z-index: 2; } .widget-menu-entries { padding: 0; margin: 0; list-style-type: none; } .widget-menu-entry { margin: 12px 8px; text-transform: capitalize; background-color: hsl(var(--hue), 0%, 25%); color: hsl(var(--hue), 0%, 100%); border-bottom: 2px solid hsl(0, 0%, 25%); } .widget-menu-entry:hover { color: hsl(var(--hue), 0%, 100%); border-bottom: 2px solid hsl(0, 0%, 100%); transition: 1s ease color; } /* .widget-menu-entry { margin: 8px; text-transform: capitalize; } .widget-menu-entry:not(:hover) { background-color: hsl(var(--hue), 0%, 25%); color: hsl(var(--hue), 0%, 100%); } */ .widget-menu-entry.widget-menu-entry-hidden { display: none; }