Starting from v6, neeto-ui supports enhanced customization of components using
CSS variables. These are the variables that are being used in the `Popover`
component.

```css
--neeto-ui-popover-border-width: 1px;
--neeto-ui-popover-border-color: rgb(var(--neeto-ui-gray-800));
--neeto-ui-popover-padding-x: 1rem;
--neeto-ui-popover-padding-y: 1rem;

// Light theme
--neeto-ui-popover-light-theme-border-color: rgb(var(--neeto-ui-gray-400));
```

You can use these variables to customize the component to your liking. Here is
an example:

```css
.neetix-popover {
  --neeto-ui-popover-padding-x: 1.5rem;
  --neeto-ui-popover-padding-y: 1.5rem;
}
```

#### Output
