 }
  .item.overflow {
    cursor: initial;
  }

  .item:disabled {
    --maui-icon-color-override: var(--maui-color-disabled-background-inverted);
    background: transparent;
  }

  .item.selected {
    background-color: var(--maui-color-brand-primary);
    color: var(--maui-color-brand-white);
  }

  /* Three dots */
  .item.overflow {
    background-color: transparent;
    user-select: none;
  }

  /* Styles for default button on hover */
  .item:not(.selected):not(.overflow):hover {
    color: var(--maui-color-brand-white);
    background-color: var(--maui-color-brand-black);
  }

  .item:has(span.icon) {
    background-color: transparent;
    transition: all 0.2s ease 0s;
  }

  /* Change in colors for smaller screens as buttons are changed to one line of text TODO mobile first */
  :host(.mobile) .item {
    background-color: transparent;
    /* Should probably not use --maui-color-brand-whale-blue, to discuss */
    color: var(--maui-color-brand-whale-blue);
  }

  .item:not(.selected):disabled,
  .item:not(.selected):disabled:hover {
    background: initial;
    color: initial;
  }
»